2020-03-24

初次本地体验Hexo

1. 创建一个hexo文件夹保存内容

2. hexo init（initial：初始化）

3. hexo g（generate：生成）

4. hexo s （hexo server：启动本地服务预览）

5. 复制出现的 http://localhost:4000 到浏览器可以看到效果

注意：如果电脑没有显示可能是端口被占用，使用hexo s -p 5000换个端口，网址的4000换成5000即可。

配置Hexo

打开根目录下的_config.yml文件开始配置

1. 界面：最上面可以找到title（标题）然后下面的都是可以写的，根据个人喜好配置。注意language可以用zh-Hans就可以显示中文。

2. 主题：找到theme后面改成next，等下会配置此主题

3. 开启搜索选项： npm install hexo-generator-searchdb --save

4. 部署：配置好后方便后续的推送，找到deploy 格式如下

   • type: git

   • repo: git@github.com:youname/yourname.github.io.git

   • branch: master npm uninstall hexo-toc --save

Hexo的简单配置完成

下载及配置Next主题

1. Next下载（在根目录下输入）:git clone https://github.com/iissnan/hexo-theme-next themes/next

2. 简单配置

   • 风格：找到Schemes Pisces不错，去掉前面的#使用

   • 头像：在最后添加avatar: /images/yours.png

   • 搜索选项：Local search enable改为true

3. 新建和推送

   • 新建：hexo new （布局--开头需要那些东西可以直接生成，在scaffolds文件夹中，我写了一个c.md）名字（生成.md文件，生成时间和标签头）例子：hexo new c 数据结构）

   • 推送：hexo g(生成动态文件)--->hexo s -p 5000(预览）--->hexo deploy(部署）

插件&扩展

• 添加tags以及categories，使用方法

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" cid="n78" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">hexo new page tags
在source/tags/index.md中找到文件index.md，添加一行
type: "tags"</pre>

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" cid="n79" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">hexo new page categories
在source/categories/index.md中找到文件index.md，添加一行
type: "categories"</pre>

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" cid="n80" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">文章模板中添加
tags:hexo
categories: 学习有感
效果如下</pre>

参考教程

• 上传整个hexo目录到git

  • 主要是主题next要注意，删除clone仓库的.git目录：rm -rf .git

  • 回到自己的仓库

    • git rm -r –cached ./

    • git add .

    • git commit -m “”

    • git push
      增量更新