无人问津的自留地 >>> 无人问津的自留地 >>>

我始终相信,走过平湖烟雨,岁月山河,
那些经历劫数,尝遍百味的人,会更加生动而干净。

目录
Blog | Hexo + GitHub Pages 搭建静态博客
/    

Blog | Hexo + GitHub Pages 搭建静态博客

配置

安装 Node.js

验证

node -v
npm -v

安装 Git

验证

git --version

安装 Hexo

新建文件夹,打开命令行

npm install hexo-cli -g
npm install hexo --save
hexo -v
# 初始化hexo
hexo init
# 安装组件
npm install

运行

hexo g
hexo s

Hexo 二次创建

# 打开一个文件夹
hexo init filename
cd filename
hexo g
hexo s

配置到 GitHub

安装插件

npm install hexo-deployer-git --save
git config --global user.name "yourname"
git config --global user.email "youremail"

在配置文件 _config.yml中,找到 Deployment,进行修改:

deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master
# 上传到github
hexo d

新建文章

---
title: hello-world   //在此处添加你的标题。
date: 2014-11-7 08:55:29   //在此处输入你编辑这篇文章的时间。
categories: Exercise   //在此处输入这篇文章的分类。
toc: true  //在此处设定是否开启目录,需要主题支持。
---

添加评论

添加来必力评论

修改 _config.yml文件,开启来必利评论:livere: true

然后在 \yilia\layout\_partial\post目录下添加 livere.ejs ,然后把 livere 安装代码复制进去,文件内容如下:

<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="你的那个id">
  <script type="text/javascript">
    (function (d, s) {
      var j,
        e = d.getElementsByTagName(s)[0];
      if (typeof LivereTower === "function") {
        return;
      }
      j = d.createElement(s);
      j.src = "https://cdn-city.livere.com/js/embed.dist.js";
      j.async = true;
      e.parentNode.insertBefore(j, e);
    })(document, "script");
  </script>
  <noscript> 为正常使用来必力评论功能请激活JavaScript</noscript>
</div>
<!-- City版安装代码已完成 -->

\yilia\layout\_partialarticle.ejs<% if (!index && post.comments){ %> ,后面添加如下代码:

<% if (theme.livere){ %>
<%- partial('post/livere', {
    key: post.slug,
    title: post.title,
    url: config.url+url_for(post.path)
  }) %>
<% } %>

Valine 评论

https://ioliu.cn/2017/add-valine-comments-to-your-blog/#comments

主题

修改主题

  1. fexo

http://forsigner.com/fexo-doc-zh-cn/

$ git clone git@github.com:forsigner/fexo.git themes/fexo
  1. Maupassant

https://www.haomwei.com/technology/maupassant-hexo.html

上面两个是我比较喜欢的主题,你也可以在这里寻找更多主题

音乐播放器

<!--网易云音乐播放器-->
<iframe
  frameborder="no"
  border="0"
  marginwidth="0"
  marginheight="0"
  width="330"
  height="450"
  src="//music.163.com/outchain/player?type=0&id=2268258693&auto=0&height=430"
></iframe>

添加 RSS

安装插件

npm install hexo-generator-feed

修改配置文件,添加如下内容

# Extensions
## Plugins: http://hexo.io/plugins/
#RSS订阅
plugin:
- hexo-generator-feed
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

同步语雀知识库

参考:https://www.yuque.com/page/luan.ma/yuque2blog

安装 yuque-hexo

npm i -g yuque-hexo

注册语雀,创建知识库,获得你的个人路径和知识库的名字,比如我的博客的知识库是 https://www.yuque.com/glacier/github.io

修改  package.json 文件

{
  "name": "your hexo project", //如果原来已经有这个不用再加了,直接加下面的就可以
  "yuqueConfig": {
    "baseUrl": "https://www.yuque.com/api/v2",
    "login": "glacier",
    "repo": "github.io",
    "mdNameFormat": "slug",
    "postPath": "source/_posts/yuque"
  }
}

同步文章

yuque-hexo sync

标题:Blog | Hexo + GitHub Pages 搭建静态博客
版权声明:本文为博主「fpdan」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.fpdan.cn/articles/2019/01/12/1547297894000.html