创建完博客的一些感想

​ 这几天沉迷于搭建自己的博客，中间也踩过好多坑，又因为本身对css，js这些不熟，出过好多bug。

​ 但是每次完成一个小项目就会特别高兴，从刚开始啥都不知道，然后百度出来GitHub pages搭建个人博客的方法，发现了hexo这个快速、简洁且高效的博客框架。

第一次 安装环境与在本地主机创建网站

​ 第一次搭建网站时，我心惊胆战的照着hexo官网的教程操作，第一次接触这个嘛，非常担心哪个地方操作不当，然后重来。下载hexo前，先安装git和Node.js，然后通过npm输入npm install -g hexo-cli就可以安装hexo框架了。(PS：我本来也不知道npm是啥，后来发现npm是随同NodeJS一起安装的，通过cmd使用就行了。)

​ 安装好hexo之后，跟着官方文档来操作，输入hexo init <folder>就会在folder这个文件夹下新建所需要的文件了。创建完成后，大致会有这几个重要的文件夹和文件夹，如下：

.
├── _config.yml #这是站点配置文件，之后很多设置要在这里面进行
├── package.json #应用程序的信息，一般不用打开操作里面的文件
├── scaffolds #模板文件夹，新建文章时，会根据这里面的模板来建立文件，比如文章的title，date等信息
├── source #放用户的资源。除_posts文件夹之外，开头命名为_(下划线)的文件/文件夹和隐藏的文件将会被忽略。Markdown(.md)和HTML(.html)文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。
|   ├── _drafts #草稿，我感觉一般用不上
|   └── _posts #文章就放在这儿
└── themes #主题文件夹。下载好模板后放在这儿。Hexo会根据主题来生成静态页面

​ 创建好后进入_config.yml文件，然后配置站点信息，具体的配置方法官方文档有，在想要修改的地方，在那个英文命后面修改就行了，看不懂的英文的复制粘贴，然后去网上翻译或者用别的软件翻译。我第一次使用时不知道这个。。。然后网站的title，name这些地方都是用的默认的，我直接在public文件夹里的.html文件改。然后用hexo g生成静态页面时，生成的public文件夹里的网站信息都是从_config.yml这个配置文件里获取的。（PS：一个小巧便捷的桌面翻译软件推荐：copytranslator，这个软件没广告，而且包含谷歌翻译，百度翻译，网易翻译等等，复制要翻译的英文，不用啥别的操作，译文就直接出来了。还有关于编辑.yml之类的文件的软件，网上很多，流行的像notepad++，sublime这些就挺好用的）

​ 右键网站文件夹的根目录，点击Git bash here然后使用hexo cl、hexo g、hexo s，再在浏览器中输入http://localhost:4000/就可以看见自己的网站了（PS：hexo cl是hexo clean的缩写，清除public文件夹及之前的缓存；hexo g是生成静态页面，页面的信息与配置就在生成的public文件夹里；hexo s将网站部署到本地主机上，进行这一步操作后就能打开http://localhost:4000/看见自己的网站了，不然不能访问。 hexo d将在后面用到，这个命令会将网站文件上传至自己的GitHub仓库中，然后就可以在自己的GitHub pages网站上看到自己的博客了）