忙……
最近真的是,各种事情缠在一起,虽然对于搭建博客满心欢喜,但是哦,这只在我的“重要但不紧急”的象限中,所以,以后会慢慢完善整个搭建,以及充实博客的内容。
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 编辑器
Mac 和 Windows 系统的话,推荐 MarkdownPad 编辑器。
更新
时代变了大人,目前最好用的是 Typora。
嗯,我觉得喜欢写博客的人都应该学会简单的 Markdown语法。
账号准备
以下整理一些必备的账号,通过账号提供 API,才能实现博客的多样化功能。
Github 账号
这个不用多 BB,每个 Geek 都应该有,地位相当于 Facebook。
首先强调一点,名字最好起得好看一点,否则……
注册好之后,需要做一件事情就是,首先创建一个远程仓库,点击 Create a repository,在 Repository name 下的命名,一定要写成:username.github.io的形式,其中 username 就是自己的用户名。
之后选择 Initializie this repository with a README,创建即可。之后不需要任何 git 的操作了。
不要按照 Github 创建项目之后的提示做!!!
友言账号
第三方评论系统。
并不是说它有多好= =而是,喵的只剩下它了。从前最经典的老牌评论系统 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 | title: { { title } } |
注意,大括号与大括号之间多加了空格,否则会被转义,不能正常显示。
例如,我想添加分类 categories,以避免每次新建文章时手工输入,则只需要修改这个文件,添加一行即可:
1 | title: { { title } } |
提交
每次提交前,有三个固定语句。
清除配置
1 | hexo clean |
或简写
1 | hexo c |
部署
1 | hexo generate |
或简写
1 | hexo g |
提交
1 | hexo deploy |
或简写
1 | hexo d |
Hexo 站点配置
打开站点配置文件,位于文件夹根目录,_config.yml。
主题、git 提交配置:
1 | # Extensions |
theme 后的 next 为我选用的主题,下一节会有介绍。
deploy 提交这部分,因为我的 Github 用户名是 MrShadowalker,这里将 MrShadowalker 改成自己的用户名即可。
主题配置
个人最推荐的主题是 NexT。
所有安装配置相关的都有,按照指示一步步做就好。
嗯,有问题在下面留言就好,我会一条条讲解。