About My Blog Site

一些想法

总之，我的博客网站算是差不多搭完了，如果有其他的优化也是等我先多记点东西之后了。

最开始的时候想基于Node和Nuxt慢慢悠悠业余自己撘一个博客系统的，外带注册用户也能使用的样子:）然后。。在我的腾讯云学生1元云服务器上把它巧妙上线开放一把（mdzz），为此我甚至把博客系统的主题都想好了，就叫“Know Me || Let World Know You”，我甚至天真的觉得半年前liaojiewo.com这个域名被我缘分一样幸运拿下了都是天意:)….

然而不善于折腾样式又穷的我最终还是走远了，记得研一的时候用腾讯一元学生服务器做实验的时候曾经被感动到，现在依旧每月定时交上一块续着那股神韵，缘起于曾经听到过别人对我说的一句“你背书包的样子好像一个学生…”。那时，我TM大二。

我其实是习惯在纸上记东西的，写写画画之后我会觉得通透，一方面是现在在实习的时候发现确实还是在某个平台记录下来便于别人的指正和交流，另一方面现在觉得要是自己弄个站还是能有一种神秘的力量能督促一下我多总结知识的习惯。所以，便在2018伊始急迫的有了这个blog site。

关于这个site

我其实之前对怎么快速的撘出一个自己的博客网站是没什么去研究过的，只知道一个基于PHP的Wordpress还是很方便快捷，然而没怎么接触过PHP的我并没有去操作一下。每天早上都会去掘金上把新的技术文章都看一遍，上个星期从一个讲nuxt架构的一篇文章链到了这个我在About里shout out to的博主ZouMiaojiang Blog前辈，看了他写的很多文章写的都很好，其中就有一篇关于搭建博客网站的文章， 所用到的框架Hexo是一个基于Node的快速搭建Blog的框架，看了一下官方文档确实配置和解耦做的相当好，尤其是主题中有我觉得非常到位的风格的出自Hux，而主题又是基于ejs这种Node的“官配”，甚至通过这个框架生成静态页面之后托管到GitPage连服务器钱也巧妙的省了，甚至免去了服务器备案等一切烦心又耗时的事情，对于我来说实在是没有再不弄一个的理由了。所以在此还是要再一次对优秀的开源框架和Git这种优秀平台的感谢。

所以这个站的具体实现细节，请移步前文提到的快速低成本的搭建一个马马虎虎的博客，这位博主确实已经写得足够到位了，细致到你基本上可以画上一个周末折腾即可的程度。所以我在此也只会对于ZouMiaojiang Blog前辈没有提到的评论系统的使用做一些简单的补充，今后如果再折腾其他的东西也会在此做相应补充。

关于评论系统，看了Hexo官网上有很多的Theme还是使用着Duoshuo（去年停服了）或者Disqus(你可能打不开，因为被墙了)，也看了几个其他的托管的评论服务，其中觉得来必力还算不错，然而我最后选择的还是使用基于github issues的Gitment:),源自于考虑到我估计只会在这里写一些技术相关的文章，所以用一个只有github用户才能使用的评论系统也显得没有什么毛病，当然你自己也得有一个github账号。

首先你应该在这里注册一个OAuth Application

然后你就会得到 client ID 和一个 client secret 然后就去你的theme布局里面想加入评论的page或者post的layout中嵌入这一段代码了，下面的id=container的div放到布局合适的位置。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<div id="container"></div>
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
  id: '页面 ID', // 可选。默认为 location.href
  owner: '你的 GitHubID',
  repo: '存储评论的repo',
  oauth: {
    client_id: 'Your client ID',
    client_secret: 'Your client secret',
  },
})
gitment.render('container')
</script>

如果你在OAuth Application中填写的回调地址以及其他的信息都正确的话,你应该会在页面看到如下相关评论的功能了

其中在gitment项目地址中也说明了，现在还是只能在发布一个新的页面之后你需要在你新的页面里面登录，并且在上图的no Comment Yet位置处会有一个初始化按钮Initialize Your Comments你必须要先登录然后点击初始化按钮之后，目的是在你的仓库里创建一个相关的issure，做完了这一步初始化之后，你的这个page或者是新的一篇文章别人就可以正常评论了。

之后对站点的改进与实践也会继续更新。

写在最后

一直最为中意的莫过于黑，审美品位比较简单也比较复杂，所以网站的主题以黑底白字为主，Know Me的遗念也留下来了到了首页上。

我主要的方向可能是在Web这一块，所以以后的博客可能也会偏JS和Node相关的内容比较多，当然，如果闲下来也想能总结总结python和redis，长时间不用感觉有点生疏,但毕竟是当时接触时感觉很喜欢的语言和数据库。当然，水平有限，能被有缘人看到和指正也是一件非常美好的事情。

是很希望在2018年能够趁着还没有毕业多多抽出时间系统的总结一下知识点，比起纸上记笔记，一篇博客可能最起码要比挑重点的写写画画应该会要完整的很多，实习的这段时间收获很多，也希望今年下半年论文相关事情能顺利。所以矫情一点的话就是加油吧。

本文为原创文章作为学习交流笔记，如有错误请您评论指教
转载请注明来源：https://isliulei.com/article/About-My-Blog-Site/

• ← Previous Post