一、写在前面

在我的上一篇博客《使用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. bzoj 3916 暴力哈希

    暴力的哈希,注意: 将一个串当作另一个串的前缀,需要乘上p[len],len=后面串的长度 这是自己的代码,拿数据在本地测A掉了,但是bz上wa了??bz换数据了难道?? #include<cs ...

  2. Java SE之反射技术[Class,Field](一)

    一.什么是反射? 反射库(Reflection Library)提供了一个非常丰富且精心设计的工具集,以便编写能够动态操纵Java代码的程序.这项功能被大量地应用在JavaBeans中,它是Java组 ...

  3. JavaScript面试技巧(一):基础知识

    1.变量类型和计算 变量类型:值类型.引用类型.typeof运算符. 变量计算:字符串拼接.==运算符.if语句.逻辑运算符 2.原型和原型链 构造函数 5个原型规则 3.作用域和闭包-执行上下文 4 ...

  4. 出题人的手环(牛客练习赛38D 离散化+树状数组)

    题目链接(https://ac.nowcoder.com/acm/contest/358/D) 题目描述 出题人的妹子送了出题人一个手环,这个手环上有 n 个珠子,每个珠子上有一个数. 有一天,出题人 ...

  5. python加密(MD5)

    # import hashlib # # 1. 创建一个MD5对象 # obj = hashlib.md5(b"flkjsdalkfjklasdjfklasjkflasdjklfasdjfl ...

  6. mysql查询反斜杠字符串问题

    马上上线发现一个问题,太坑了 写一个查询语句,明明数据库中有,但是就是查不到,后来发现是反斜杠的问题 比如 数据库中有一个字段名称为 name  存储的值为 “海尔厨电\洗碗机” 当我使用如下sql查 ...

  7. Django REST framework 第七章 Schemas & client libraries

    模式是一个机器可读文档,描述可用的API端点,URL以及它们支持的操作. 模式对于自动生成文档是一个很有用的工具,也可以用来动态调用可以于API交互的客户端库. Core API 为了提供模式支持,R ...

  8. ionic3安装

    1.安装 1)安装nodejs: 官网下载安装 2)可选安装 cnpm:  //安装了cnpm后,以后用到npm安装的东西都可以把npm替换成cnpm npm install -g cnpm --re ...

  9. python 模块 - pymongo模块

    mongoDB 数据库: pymongo 操作: import pymongo # 连接mongo数据库 client = pymongo.MongoClient(host='localhost', ...

  10. npm 的 --save 和 --save-dev 的区别

    --save-dev 是作为开发依赖保存到 packsge.json 中的 devDependencies 中,即在开发环境中用到的依赖,如 webpack.babel 等用于开发打包的依赖,只是在执 ...