Github+Hexo搭建个人博客

忙……

最近真的是,各种事情缠在一起,虽然对于搭建博客满心欢喜,但是哦,这只在我的“重要但不紧急”的象限中,所以,以后会慢慢完善整个搭建,以及充实博客的内容。

Github+Hexo简介

刚刚利用Github+Hexo搭建好了个人博客,并绑定了域名chenzihao.me.

最近忙需求,没太多时间更新博客,暂时留个坑,以后会将搭建方式以及NexT主题配置完整展现在这里。

What’s more…

当然,还会有一大堆东西,包括一些代码demo,信息安全相关内容包括CTF等,资源,随笔,杂谈,行摄……

TODOList

  • 公司两个需求,隐式转换优化,前端改动
  • CTF

以上。

(逃~

好嘞,也算是忙完了CTF,虽然又新接了两个需求,不过工作时间忙一下就算了,回来还是可以做自己想做的事情,学自己想玩的知识。

相信很多Geek和文艺青年,都希望拥有自己的博客,把自己的技术知识、文艺创作、生活经历和感想整理在上面,分享给大家。

一直纠结于在哪里写博客,小时候的QQ空间、新浪博客,曾经用过的豆瓣、乐乎、人人小站,技术博客中的CSDN、CNBlogs,就连Gitbook也偶尔抽风……累觉不爱。再后来也通过自己搭建WordPress,也弄过Jekyll,蛋疼到极致。直到遇见了简书,可以使用Markdown语言,无需考虑乱七八糟的东西,专注于文字。只要你想写文章,插入各种各样的你想要的东西:代码段、图片、链接、引用……并使用各种格式,那么无疑简书是最好的地方。

但后来,不满足于那些博客网站千篇一律的外表,希望自定义页面风格,不想内容被审核所限制,动手能力强,有一定代码基础,想要拥有一个高大上的自定义域名,最终,多看了一眼Hexo,这个逼格极高的程序猿写作方式,就连名字听起来都很Geek&Hack,最终选择了Github+Hexo搭建个人主页.

Hexo出自于台湾大学生tommy351之手,一个基于Node.js的静态博客程序,其编译上百篇文字只需要几秒。Hexo生成的静态网页可以直接放到Github Pages、BAE、SAE等平台上。并且为了跳过国内服务器备案才能解析域名、部署网站的蛋疼操作,我选择直接通过Github服务器解析域名并将网站通过Github Pages部署,然后添加CNAME进行域名绑定,唯一要做的就是选择一个高大上的域名咯。最为适合作为个人主页的域名,无疑是.me,然而在国内已经被封禁,那么可以通过“扶墙(你懂的)”的方式在国外域名管理网站申请购买,或者选择其他顶级域名代替,例如.info,.io等,就看个人喜好了。

回归正题。

Github+Hexo搭建个人主页

环境准备

安装Node

简单地说Node.js就是运行在服务器端的JavaScript。

Node.js的包管理器npm,是全球最大的开源库生态系统。

以Windows系统为例,打开官网下载链接,根据自己系统下载相应版本即可。然后一路默认点下去。

验证版本:

1
node -v
1
npm -v

安装Git

下载链接,然后一路默认安装点下去。

验证版本:

1
git --version

安装Markdown编辑器

Windows系统的话,推荐MarkdownPad编辑器。

嗯,我觉得喜欢写博客的人都应该学会简单的Markdown语法

献给写作者的Markdown新手指南

为什么作家应该用Markdown保存自己的文稿

Markdown写作浅谈

账号准备

以下整理一些必备的账号,通过账号提供API,才能实现博客的多样化功能。

Github账号

这个不用多BB,每个Geek都应该有,地位相当于Facebook。

https://github.com

首先强调一点,名字最好起得好看一点,否则……

注册好之后,需要做一件事情就是,首先创建一个远程仓库,点击Create a repository,在Repository name下的命名,一定要写成:username.github.io的形式,其中username就是自己的用户名。

之后选择Initializie this repository with a README,创建即可。之后不需要任何git的操作了。

不要按照Github创建项目之后的提示做!!!

友言账号

第三方评论系统。

http://www.uyan.cc

并不是说它有多好= =而是,喵的只剩下它了。从前最经典的老牌评论系统Disqus被墙,网易云跟帖被封,多说下线,畅言被封,韩国的来必力验证码被墙。没辙。你自己扶了墙,或者肉身翻墙,国内的小伙伴就很蛋疼,也没啥卵用。

百度站长统计账号

用于统计站点访问量和流量分析,很有用的站长管理系统。

注册地址

LeanCloud账号

用于统计文章阅览量,也不错哦。

注册地址

Hexo安装配置

Hexo安装

Node和Git都安装好后,可执行如下命令安装Hexo:

1
npm install -g hexo

Hexo初始化

创建一个本地文件夹,命名随意,但是如果是myBlog会很舒服。

然后进入目录执行init命令初始化hexo到目录。

1
hexo init

至此,全部安装工作已经完成。

Hexo部署

进入myBlog,执行如下命令,会生成静态页面到hexo/public。

1
hexo generate

或者简写:

1
hexo g

Hexo启动本地服务器

启动本地服务器,可以在浏览器预览、调试。

1
hexo server

或者简写:

1
hexo s

打开浏览器输入http://localhost:4000就可以看到部署效果。

写文章

1
hexo new "新建文章名"

如果希望修改默认模板,可以去scaffolds文件夹下查看,比如post的layout默认是hexo/scaffolds/post.md

1
2
3
4
title: { { title } }
date: { { date } }
tags:
---

注意,大括号与大括号之间多加了空格,否则会被转义,不能正常显示。

例如,我想添加分类categories,以避免每次新建文章时手工输入,则只需要修改这个文件,添加一行即可:

1
2
3
4
5
title: { { title } }
date: { { date } }
categories:
tags:
---

提交

每次提交前,有三个固定语句。

清除配置

1
hexo clean

或简写

1
hexo c

部署

1
hexo generate

或简写

1
hexo g

提交

1
hexo deploy

或简写

1
hexo d

Hexo站点配置

打开站点配置文件,位于文件夹根目录,_config.yml。

主题、git提交配置:

1
2
3
4
5
6
7
8
9
10
11
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/MrShadowalker/MrShadowalker.github.io.git
branch: master

theme后的next为我选用的主题,下一节会有介绍。

deploy提交这部分,因为我的Github用户名是MrShadowalker,这里将MrShadowalker改成自己的用户名即可。

主题配置

个人最推荐的主题是NexT

所有安装配置相关的都有,按照指示一步步做就好。

嗯,有问题在下面留言就好,我会一条条讲解。

打赏
  • © 2020 Shadowalker
  • Powered by Hexo Theme Ayer
    • PV:
    • UV:

请我喝杯咖啡吧~

支付宝
微信