文章目录
- 首先搭建起一个github博客
- 1 左上角标题及简介以及下方的介绍
- 2 评论和访客数
- 3 文章
- 4 Home Archives Categories 和 Tags
- 5 Collections
- 6 Demo
- 7 About
首先搭建起一个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过滤。
文章开头都会填写这些字段的值, 多字段直接空格隔开即可, 如:
---layout: posttitle: "填写需要的标题"categories: Java Python Golangtags: Java Python Golangauthor: Shen-Xmas---* content{:toc}
然后接下来就可以按照markdown的格式书写内容了。
5 Collections
算是收藏集合, 位于/page/3collections.md
直接在中间内容部分按照markdown形式更改即可。一般使用简介+链接的形式记录。
6 Demo
主要用来介绍自己一些项目的地方。为了简单我的已经把图片展示去掉了。主要留文字简介和链接。
更改位置是/js/waterfall.js。在demoContent变量中增减值即可。按照字段内容填写。
{ demo_link: 'https://github.com/Shen-Xmas/spring-boot-demo', code_link: 'https://github.com/Shen-Xmas/spring-boot-demo', title: 'Java Spring-Boot demos', core_tech: 'Java, Spring Boot, 各种中间件 ..', description: '适合初学者入门的一些demo, 个人的一些学习思考, 欢迎指正. 详情见 这里。'}
7 About
主要用来介绍自己以及留下联系方式。更改位置位于/page/4about.md。