前言

这段时间一直在各种折腾博客主题,为自己的blog添加评论,添加动态背景,添加百度统计打赏功能。。。。。直到最后发现其实这些功能即使安装了其实也发挥不了什么作用,(哭了)最后我还是回归了到博客写作的初心,找到了这款极简主义风格的主题Chic。

Chic ,French word means ‘Elegant’ in English.

  • 搭建博客的初衷是希望用博客记录下自己的学习过程,帮助自己复习,分享一部分不成熟的思考,敦促自己把既定的目标完成。
    • 为什么要搭建自己的博客?可以看看这篇文章:

《为什么你应该(从现在开始就)写博客》 (By 刘未鹏 | Mind Hacks)

hexo 的搭建

认识hexo

我们需要知道搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。我们使用MarkDown在本地编辑我们的博客文章,通过Hexo生成静态页面,再用两条命令即可部署到我们的网站。无需关心网页源代码的具体细节,我们只需要用心写好自己的博客内容就行。
然后网上的搭建教程有很多,我就谈谈我的踩坑经验(

学习 Hexo 之前,你需要有:

Node.js 基本知识
Git 基本知识
Markdown 基本知识
Html、css、JavaScript 基本知识

hexo 的几个常用指令

hexo generate
这个命令是生成网站静态文件的时候用的,生成后网页将会放在根目录下面的 public 文件夹里。

hexo deploy
这个命令用来部署网站,使用此命令将会把生成好的页面(即 public 文件夹里的内容)部署到指定的地方上。

hexo clean
这个命令用来清空 public 文件夹。

hexo version
这个命令用来输出你所使用的 Hexo 目前的版本号。

需要注意的地方

添加国内镜像
这里我们使用阿里的国内镜像进行加速,按Win+R打开命令提示符输入:

npm config set registry https://registry.npm.taobao.org

镜像源可以加速下载git和node.js,或者你可以去腾讯软件商店下载(推荐)

配置文件最好使用vscode打开,每一个参数后面需要一个空格(切记)
当你页面出现css,js等资源加载不出来时需要将配置文件改成如下,换成自己站点即可

# (blog/_config.yml)

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://siricee.github.io/hexo-theme-Chic/  # 此处为你的部署url
root: /hexo-theme-Chic/  # 此处为你的项目根文件夹url。
permalink: :year/:month/:day/:title/
permalink_defaults:

部署在coding上时记得选第三个仓库(别问我怎么知道的)

绑定域名时你需要ping你的coding仓库名如yuanones.coding.me

结语

初学者可能会觉得困难,毕竟很多东西都是第一次接触,当初我也尝试了好几次才成功,不要放弃,弄错了就删掉重新来过,当你把博客搭建出来会觉得受益良多的.