一、写在前面

在我的上一篇博客《使用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. 面向对象 ( OO ) 的程序设计——创建对象

    本文地址:http://www.cnblogs.com/veinyin/p/7608000.html  为了避免大量重复代码产生,可采用以下方法创建对象 1 工厂模式 function createP ...

  2. pycharm上传代码到github

    一.配置pycharm 点击create API,添加自己的github账号,切记将clone git 那个对勾去掉,不然会报: Successfully created project ‘…’ on ...

  3. Hbase使用MapReduce编程导出数据到HDFS

    废话少说,直接上代码! package cn.com.oozie.demo;  import java.io.IOException;  import org.apache.hadoop.conf.C ...

  4. Java概念(一)多态

    多态是一个行为具有不同的形式的能力: 多态是同一个接口,使用不同的实例执行不同操作 一.多态实现方式: 方式一.重写: 方式二.接口: 方式三.抽象类和抽象方法:

  5. Hibernate_day04

    Hibernate_day04 上节内容 1 表与表之间关系回顾 (1)一对多(客户和联系人) (2)多对多(用户和角色) 2 hibernate一对多操作 (1)一对多映射配置 (2)一对多级联保存 ...

  6. TMS 控件测试

    //TMS 控件测试nxflpnl1: TNxFlipPanel; 控件 有一个标题的panel 可以随意收展 TNxBusy; 有很均匀分布的四块区域,但是不像 TFlowPanel nxhtmlb ...

  7. CMakeLists 链接库相关指令

    set(LSTAR_DIR "$ENV{HOME}/LStar_build") include_directories(${LSTAR_DIR}) LINK_DIRECTORIES ...

  8. P2805 [NOI2009]植物大战僵尸

    题目地址:P2805 [NOI2009]植物大战僵尸 最大权闭合子图 若有向图 \(G\) 的子图 \(V\) 满足: \(V\) 中顶点的所有出边均指向 \(V\) 内部的顶点,则称 \(V\) 是 ...

  9. 十分钟入门 Less

    这篇文章来自 Danny Markov, 是我最喜欢的博主之一,实际上我最近翻译的一些文章全是出自他手.在查看本文之前你也可以 查看原文. 我们都知道写 CSS 代码是有些枯燥无味的,尤其是面对那些成 ...

  10. 【VMware vSphere】vCenter添加主机失败:无法访问指定主机

    背景 前一段时间,给一台服务器安装ESXi系统,安装成功之后,通过vCenter在上面安装了一台VDP系统.结果前几天发现服务器掉线,重新连接时出现问题.问题描述如下: 其中错误堆栈具体内容为:在 v ...