使用Node.js+Hexo+Github搭建个人博客(续)
一、写在前面
在我的上一篇博客《使用Nodejs+Hexo+Github搭建个人博客》中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客。该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍:
- 博客相关配置介绍
- 博客主题 Yilia 配置介绍
- 如何制作并配置网站缩略图
- 如何将博客同步到 Github、Coding 中
- 如何使用 Git 同步 Github 与 Coding 的代码
- 如何申请域名并作域名解析
- 如何将域名绑定至 Github、Coding 中
- 如何编辑和发表文章
- 如何申请和安装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 ID 和 Client 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、参考文章
- redredleaf (一叶染秋):《我的Hexo博客创建历程一》
- micklong:《Hexo在Coding上绑定域名》
使用Node.js+Hexo+Github搭建个人博客(续)的更多相关文章
- 使用Node.js+Hexo+Github搭建个人博客
一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...
- 《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
- 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% ...
- 如何用hexo+github搭建个人博客
搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...
- Ubuntu+Hexo+Github搭建个人博客
Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...
- Hexo + GitHub 搭建个人博客
对于程序员来说,搭建和维护一个个人博客十分必要,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果.这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷, ...
- 【教程向】——基于hexo+github搭建私人博客
前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...
- Hexo+github 搭建个人博客(一)
一.软件环境准备 1.安装git windows下载exe安装:linux 执行 apt-get install git-core 安装 2.安装Node.js windows使用 msi 文件进行安 ...
- hexo+github搭建个人博客
最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...
随机推荐
- luogu 2296 寻找道路 简单BFS
简单的BFS,练习基础 #include<bits/stdc++.h> #define rep(i,x,y) for(register int i=x;i<=y;i++) #defi ...
- Docker build Dockerfile 构建镜像 - 二
Dockerfile 制作镜像 https://hub.docker.com/ 搜索需要镜像: https://hub.docker.com/_/centos/ 官方示例: centos:6 1.这里 ...
- Bootstrap响应式导航
<nav class="navbar navbar-default" role="navigation"> <div class=" ...
- 嵌入式4412开发板学习知识-Linux系统基础知识
1. 什么是Linux系统编程 Linux系统编程分为三个部分:系统调用.C库和C编译器. 系统调用系统编程的基础是系统调用,也结束于系统调用.在带有操作系统的嵌入式开发中,需要从操作系统申请一些服务 ...
- TensorFlow从入门到理解(四):你的第一个循环神经网络RNN(分类例子)
运行代码: import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data # set rando ...
- jinja模板语法
模板 要了解jinja2,那么需要先理解模板的概念.模板在Python的web开发中广泛使用,它能够有效的将业务逻辑和页面逻辑分开,使代码可读性增强.并且更加容易理解和维护. 模板简单来说就是一个其中 ...
- linux命令去掉_bak
有时候有很多_bak文件,想把_bak去掉,使用linux命令 find ./ -name "*_bak" | awk -F "_" '{print $1}' ...
- chrome性能分析
Chrome开发者工具之JavaScript内存分析 前端性能优化 —— 前端性能分析 Chrome DevTools - 性能监控
- 计算价格, java中浮点数精度丢失的解决方案
计算价格, java中浮点数精度丢失的解决方案
- Vue.js简单记录
官网:https://cn.vuejs.org/ https://cn.vuejs.org/v2/api/#methods v-bind 缩写 <!-- 完整语法 --> <a v- ...