github个人博客快速搭建教程

首先搭建起一个github博客

首先建立一个个人博客github堆栈。其实只要把 需要的代码 fork下来, 堆栈名改为自己的{{github.username}}.github.io就可以了。
这里以shen-xmas下的shen-xmas.github.io堆栈为例。(博客样板如首页)
fork下来项目以后别忘了看看 代码堆栈-Settings-Pages的Branch等设置好没有。
大概等待几分钟看到settings-pages出现如下图标则表现已搭建乐成, 可以通过此中的url访问了。

然后根据以下做需要的改造即可:
(Ps: 原来fork自大佬HyG, 做了一些个人改动。这里纪录下各个文件的用途, 也帮助像我一样很少接触前端的后端敏捷上手。)

---

1 左上角标题及简介以及下方的介绍

变量都位于_config.yaml文件,直接修改即可。

• title 左上角标题
  
• brief-intro 左上角简介
  
• description_footer 下方的小字
  

2 评论和访客数

评论使用的是Disqus插件。访问量使用的百度统计。不是放在逻辑里用代码写的。
注册自己对应的账号ID等… 直接在_config,yaml中修改对应变量即可。
3 文章

文章都放置在_posts中, 需要按特定格式书写, 是markdown格式。
4 Home Archives Categories 和 Tags

这些的展现逻辑都已经写好了, 不消动。

• Archives是按照时间排序。
  
• Categories是按种别排序。
  
• Tags是按照tag过滤。
  文章开头都会填写这些字段的值, 多字段直接空格隔开即可, 如:
  

1. ---
2. layout: post
3. title:  "填写需要的标题"
4. categories: Java Python Golang
5. tags:  Java Python Golang
6. author: Shen-Xmas
7. ---
9. * content
10. {:toc}

复制代码

然后接下来就可以按照markdown的格式书写内容了。
5 Collections

算是收藏集合, 位于/page/3collections.md
直接在中心内容部门按照markdown形式更改即可。一样平常使用简介+链接的形式纪录。
6 Demo

主要用来介绍自己一些项目标地方。为了简单我的已经把图片展示去掉了。主要留文字简介和链接。
更改位置是/js/waterfall.js。在demoContent变量中增减值即可。按照字段内容填写。

1. {
2.   demo_link: 'https://github.com/Shen-Xmas/spring-boot-demo',
3.   code_link: 'https://github.com/Shen-Xmas/spring-boot-demo',
4.   title: 'Java Spring-Boot demos',
5.   core_tech: 'Java, Spring Boot, 各种中间件 ..',
6.   description: '适合初学者入门的一些demo, 个人的一些学习思考, 欢迎指正. 详情见 <a href ="https://github.com/Shen-Xmas/spring-boot-demo">这里</a>。'
7. }

复制代码

7 About

主要用来介绍自己以及留下接洽方式。更改位置位于/page/4about.md。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。