使用Node.js+Hexo+Github搭建个人博客(续)

时间:2023-03-08 16:49:56
使用Node.js+Hexo+Github搭建个人博客(续)

一、写在前面

在我的上一篇博客《使用Nodejs+Hexo+Github搭建个人博客》中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客。该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍:

  1. 博客相关配置介绍
  2. 博客主题 Yilia 配置介绍
  3. 如何制作并配置网站缩略图
  4. 如何将博客同步到 Github、Coding 中
  5. 如何使用 Git 同步 Github 与 Coding 的代码
  6. 如何申请域名并作域名解析
  7. 如何将域名绑定至 Github、Coding 中
  8. 如何编辑和发表文章
  9. 如何申请和安装SSL证书

二、博客相关配置介绍

1. 这里先说一下Hexo-Themes_Yilia主题本身更新的配置(文章搜索和展示模块):

如还没进行配置,则点击 Archives 按钮会看到相应的配置提示(请确保node版本大于6.2

Step1 在博客根目录(注意不是yilia根目录)执行以下命令:

npm i hexo-generator-json-content --save

Step2 在博客的根目录下的配置文件 _config.yml 中添加下列配置:

jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true

2. 为你的博客配置 Github Issue 评论系统,我的博客使用的是 gitment,当然你也可以使用畅言、网易云跟帖、友言、disqus(多说已与2017.6.1关闭)。查看更多>>

Step1:首先在博客目录下执行下面的命令

$ npm install gitment --save   #安装gitment

Step2:在 https://github.com/settings/applications/new 进行注册,获取 Client IDClient Secret 

使用Node.js+Hexo+Github搭建个人博客(续)

Step3:在你的博客目录下找到 \blog\themes\yilia\_config.yml 配置文件

使用Node.js+Hexo+Github搭建个人博客(续)

Step4:初始化 gitment  评论

使用Node.js+Hexo+Github搭建个人博客(续)

完成以后感觉 Gitment 评论和我的博客风格不太搭,想着换成畅言试试,然而前提是需要域名备案,好嘛,那还是先弄一下 gitment 吧!!!

三、博客主题 Yilia 配置介绍

1. 实践中,持续更新...

域名申请/注册:

  • 百度云:https://cloud.baidu.com/product/bcd.html
  • 腾讯云:https://buy.cloud.tencent.com/domain?from=console
  • 阿里云(万网):https://wanwang.aliyun.com/domain/?spm=5176.200001.n2.14.xQuQFA

SSL证书申请与安装:

  • 百度云SSL证书申请:https://cloud.baidu.com/product/ssl.html
  • 腾讯云SSL证书申请:https://cloud.tencent.com/product/ssl?fromSource=gwzcw.429898.429898.429898
  • 阿里云SSL证书申请(云市场):https://market.aliyun.com/?spm=5176.730005.584769.1.lmIvUg
  • 百度云SSL证书安装手册:https://cloud.baidu.com/doc/CAS/GettingStarted.html#.E9.83.A8.E7.BD.B2.E8.AF.81.E4.B9.A6
  • 腾讯云SSL证书安装手册:https://cloud.tencent.com/document/product/400/4143
  • 阿里云SSL证书安装手册(云市场):https://www.aliyun.com/ss/c3Ns6K-B5Lmm5a6J6KOF/a

CSDN博客:https://www.yicodes.com/2016/12/04/free-cloudflare-ssl-for-custom-domain/

Cloudflare账号,点击注册

X、参考文章