2018-06-27-blog-关于自建博客

构建BLOG

大学的时候有段时间在玩BLOG。那段时间想选一个合适的网站用来写BLOG。

对比了CSDN,博客园,新浪博客等。因为CSDN是专门做技术博客这块,而且它的编辑器支持Markdown语法,所以选择了CSDN。博客园也不错,之前百度一些问题的时候博客园博主的解答排名也挺靠前的,不过它的后台简洁(略丑)。其他比较不像是做技术行业的,大部分也不支持Markdown语法。segmentfault 是后面才出来的,所以当初没有考虑。

中间有段时间CSDN访问变得非常慢,后台居然登录不上去(后来知道这时候CSDN在改版,改版后界面变得华丽了),弄得挺不开心的,这个时候了解到github上有个pages功能,可以自建网站,还支持使用自己申请的域名,所以也玩了下。

自建博客大致过程:

寻找jekyll模板

一般不会自己编写一个模板,推荐到 github 中搜索 jekyll theme, 或者直接到 jekyll主题 中找一个喜欢的。

个人用的是 3-jkeyll ,这个当前正在改版,新版还没出来,我也挺期待的,会做成什么样。

之前还用过另一个freshman21 ,如图

https://camo.githubusercontent.com/a8ba910a27171f79b07197d340695d894784fd57/687474703a2f2f692e696d6775722e636f6d2f6f5370376b61636c2e706e67

学习jekyll知识

对模板进行本地调试推荐极客学院的jekyll教程, 外国的就是官网 了。

基本懂一些jekyll知识即可,一般本地调试用到下面两个命令


jekyll b // 构建

jekyll s // 运行

学习liquid语法(流语法)

对该模板进行修改,使之更符合自己的需求。推荐流语法中文文档 liquid语法

因为jekyll中使用流语法,根据模板生成对应的页面,所以懂一些流语法还是需要的。比如你可能需要对日期进行格式化


{{ page.date | date:"%Y-%m-%d" }} // 对日期进行格式化,详细参数参看liquid语法。

关于GitHub

学习基本的git命令在命令行进行操作,或者使用直接使用github desktop 这款软件在图形化界面操作。因为要把自己的BLOG托管在github上,所以要懂一点这方面的操作。

github desktop官方图例

关于自定义域名

在github上先创建github pages,比如我创建出来的 linxingyang.github.io

然后我们在cmd命令行ping一下这个域名获得ip地址,如下获得185.199.108.153

http://image.linxingyang.net/image/note/2018-06-27/02.png

然后在你的域名控制台配置你的域名,我的是阿里注册的域名。如下配置一条记录

主机记录是blog(因为我想用blog这个二级域名),记录值就是上面ping出来的地址。

http://image.linxingyang.net/image/note/2018-06-27/06.png

然后在如下页面中

http://image.linxingyang.net/image/note/2018-06-27/03.png

创建一个CNAME

http://image.linxingyang.net/image/note/2018-06-27/04.png

并在其中加入你的域名,如下我的域blog.linxingyang.net

http://image.linxingyang.net/image/note/2018-06-27/05.png

现在访问即可(有时候不会即时生效,域名解析配置需要一定时间生效。)

http://image.linxingyang.net/image/note/2018-06-27/07.png

自己的BLOG

TOC目录

TOC是我比较在意的功能,我希望TOC能够在右侧固定着。所以挑选模板的时候基本上没有TOC的就不详细看了。

PC端:TOC展开

http://image.linxingyang.net/image/note/2018-06-27/08.png

PC端:TOC收起

http://image.linxingyang.net/image/note/2018-06-27/09.png

移动端 展开

http://image.linxingyang.net/image/note/2018-06-27/11.png

移动端收起

http://image.linxingyang.net/image/note/2018-06-27/13.png

增加了不蒜子:用于统计网站访问量

尝试过百度统计,没找到在页面显示访问量的代码块。而且百度统计擅长是电商类网站比较需要统计,类似于facebook的像素代码。

使用不蒜子比较简单粗暴,主要用于在页面中展示每个页面的访问量等信息。

这里要感谢一下不蒜子,哈哈,对程序员的承诺。

http://image.linxingyang.net/image/note/2018-06-27/19.png

页面中使用如下:单个页面的访问量

http://image.linxingyang.net/image/note/2018-06-27/14.png

整个网站的访问情况。总访问量和总访客数

http://image.linxingyang.net/image/note/2018-06-27/15.png

PS:因为不蒜子是根据url来统计访问量的,如果你的域名变化了(从linxingyang.net变成blog.linxingyang.net),那么新域名的访问量会重新开始计算的。所以对访问量比较在乎的程序员们,要考虑好固定一个域名。(我就换了三次,几百的访客数都没了)。

评论系统,使用搜狐的畅言。

国外的disguse已经不能用了,国内多说也关了,友言也不能用了。

github上还有一款gitment 评论插件,基于GitHub Issues,只要有github账号即可评论。如下图:

http://image.linxingyang.net/image/note/2018-06-27/01.png

最后选择了畅言,但使用畅言网站域名必须要进行IPC备案(我在阿里申请的域名,阿里提供了备案接口,备案挺方便的)

使用畅言评论必须要有如下账号。

http://image.linxingyang.net/image/note/2018-06-27/16.png

测试评论

http://image.linxingyang.net/image/note/2018-06-27/18.png

感想

像网上有些人说的,玩过一遍这些,最后还是会回归CSDN这些网站来写博客,因为这样更简单。

自己建站,要调样式,找插件,可能还要申请域名等等都是相对比较繁琐的。但相对于CSDN这些,页面比较干净,没有广告。

不过这样玩一遍过来,也学会了不少东西。

现在写博客我会更新到CSDN和github中,不过github中的博客通常是一个月去同步一次最新的文章,这样就不会太费精力了。

猜你喜欢

转载自blog.csdn.net/jkl852qaz/article/details/80846822