写博客的初衷大概就是分享和共同进步吧。
网络上有很多博客网站,像比较出名的简书,CSDN,博客园等等,我们注册账号就可以在里面写自己的博客文章,这些文章常常都会在我们查阅资料,查找难题的解决方法时会参考到。
但是,这些网站因为需要维护和经营,所以除了一些代币,小广告也是漫天飞,而且结构单一,是别人建好的固有框架,我们何不自己的博客自己做主,拥有”root权限”呢!
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。
准备
- 安装node环境
- 安装git
- markdown语法基础
快速搭建
打开命令行,输入以下命令,全局安装hexo
1 | npm install hexo -g |
初始化项目,并在本地运行
1 | hexo init blog // 初始化博客项目 |
2 | cd blog |
3 | npm install // 安装依赖 |
4 | hexo server // 本地运行 |
浏览器输入:localhost:4000运行成功的界面如下:
部署到GitHub Pages访问
首先在git上创建一个和自己github账号名一样的私有仓库<user-name>.github.io,注意小写,比如我这里创建的是这样的:
在刚创建的仓库的setting中下拉,可以看见GitHub Pages的访问地址:
然后,在hexo项目目录下找到_config.yml这个文件,在deploy下,配置自己之前创建的仓库,如下配置:
接着,安装hexo-deployer-git库,安装成功后命令行运行hexo clean && hexo deploy即可发布到GitHub Pages,浏览器输入<user-name>.github.io即可防问到你的博客。效果如下:
丰富我的博客内容
写一篇博客文章,可以运行命令hexo new [layout] title,其中layout是只创建什么风格的博客文章,实际作用是指在那个目录下,title就是博客文章的标题。比如命令行输入hexo new [post] 你真好看,执行结果:
打开source/_posts/你真好看.md,
你可以开始你的写作,当然hexo支持markdown语法,所以你得有markdown的语法知识唷!
推荐一款markdown编辑器,Typora,简洁明了,免费。
写好后,同样的命令hexo clean && hexo deploy,发布到你的GitHub Pages。
加入评论系统,博客文章一般发表一些观点,那么肯定有的访客会评论一些自己的看法,讨论才会产生更完美的方案。那么需要给我们的博客接入评论功能。
评论插件有很多,下面是gitalk的接入效果👇:
添加一些装饰,比如右下角的lived2d动漫人物,还有背景音乐,打赏功能,置顶功能等等,详情留意后续博客文章,👇是一些效果:
结语
写博客是对自己的知识和生活的提炼,总结和分享。虽然耗费时间,但坚持下来,受益匪浅。