一、写在前面

在我的上一篇博客《使用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 

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

Step4:初始化 gitment  评论

完成以后感觉 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、参考文章

使用Node.js+Hexo+Github搭建个人博客(续)的更多相关文章

  1. 使用Node.js+Hexo+Github搭建个人博客

    一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...

  2. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  3. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  4. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  5. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  6. Hexo + GitHub 搭建个人博客

    对于程序员来说,搭建和维护一个个人博客十分必要​,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果.这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷, ...

  7. 【教程向】——基于hexo+github搭建私人博客

    前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...

  8. Hexo+github 搭建个人博客(一)

    一.软件环境准备 1.安装git windows下载exe安装:linux 执行 apt-get install git-core 安装 2.安装Node.js windows使用 msi 文件进行安 ...

  9. hexo+github搭建个人博客

    最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...

随机推荐

  1. spring 循环依赖问题

    今天碰到一个问题,项目启动,初始化bean的时候,报下面的错: Bean with name ‘*********’ has been injected into other beans [***** ...

  2. 20155324 2016-2017-2 《Java程序设计》第3周学习总结

    20155324 2016-2017-2 <Java程序设计>第3周学习总结 教材学习内容总结 定义类 要产生对象必须先定义类,类是对象的设计图,对象是类的实例.类定义时使用class关键 ...

  3. Debian Security Advisory(Debian安全报告) DSA-4406-1 waagent

    Package        : waagentCVE ID         : CVE-2019-0804 Francis McBratney发现Windows Azure Linux代理创建了具有 ...

  4. 嵌入式-迅为iTOP-4418开发板Flash空间问题

    我的4418开发板 是4G版本 16G存储空间的.u-boot和文件系统.内核都是光盘自带的,进入linux系统之后 我使用df -h命令看到的存储空间不对,我用U盘做了测试:u盘里面放1G的内容往a ...

  5. Important persons in deep learning

    Geoffrey Hinton Pieter Abbeel Ian Goodfellow, GAN之父 2019.3 任 Apple Director Andrej Karpathy. 视觉大牛,李飞 ...

  6. web请求流程

    具体流程解析参考文章:浏览器请求发起处理

  7. Javascript - ExtJs - GridPanel组件

    GridPanel组件(Ext.grid.GridPanel)logogram:Ext.grid.Panel | xtype:gridpanel 此类派生自Ext.Panel,创建表格需要两个必须的对 ...

  8. 20165337学习基础和C语言基础调查

    20165337学习基础和C语言基础调查 你有什么技能比大多人(超过90%以上)更好? 讲道理我感觉我自己没有什么能比90%以上的人都做得好的技能,我就瘸子里面拔将军挑一个我自认为还不错的技能吧. 我 ...

  9. Springboot 配置 ssl 实现HTTPS 请求 & Tomcat配置SSL支持https请求

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议.TLS与 ...

  10. 如何生成添加前缀的顺序DIV

    今天我们这边的需求是生产类似于 div1 div2 div3 这种的方式. filters: { pre: function (value) { return 'div' + value; } }, ...