使用hexo框架搭建个人博客

2016-07-20  本文已影响0人  寂羽子

放在前面的话

前一段时间突然想起曾经搭建过一个博客,放在了gitcafe上面 (:зゝ∠),后来gitcafe被吞并还是啥的已经炸了,后来又重装了几次电脑彻底找不到了┑( ̄Д  ̄)┍,没办法只能再搭建一个在github上面。
本文仅供参考,毕竟只是本人的备忘所,有什么问题咱也解决不了
不想在简书看的可以去我的博客
下面正文开始

参考

MAC搭建hexo博客
Windows搭建
曾经在gitcafe上搭建时参考的资料

环境准备


安装Node.js
Node.js官网下载最新版本的Node.js,我用的是4.4.7


安装git
git官网下载git,或者git吧吧主的镜像公益站下载git(我在官网无法下载不知道你们什么情况,顺便感谢git吧吧主)我的版本是2.9.0 64位。


安装sublime(可选)
直接到sumlime官网下载即可
sublime在这里仅仅作为一个文本编辑器使用,支持各种编程语言和文件格式,当然也支持Markdown语法,实在是个不可多得的练码奇才。


申请github账号

在github上面放代码自然要准备一个github账号,这里我就不详细说了,需要注意的是用户名不能使用汉语。
可以配置SSH keys,也可以不配置,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程,我给的参考里面也有这一部分的教程。
需要注意的一点是就是配置SSH的地方现在在头像下方的菜单栏的settings。



点进去之后找到SSH and GPG keys点击就能看到了。


在github新建一个Repository

  1. 建立与你用户名对应的仓库,仓库名必须为your_user_name.github.io
  2. 我的提示警告是因为我已经有一个同名的Repository了
  3. Description这个是描述你创建这个Rspository的作用
  4. 要选择上Initialize this repository with a README
    栗子:


安装hexo

Node.js和git都安装好后,可执行如下命令安装hexo

  1. 在任意文件夹或桌面右键选择Git Bush Here(这条语句代表全局安装hexo所以在任意位置都可以安装)

npm install -g hexo

  1. 初始化,在你自己指定的位置Git Bush Here然后输入下面这个语句(我是在D:\Hexo进行初始化的,也可以是别的文件夹)

hexo init

  1. 继续在刚才打开的Git Bush Here执行下面的语句,可以生成静态页面至hexo\public\目录。

hexo generate

  1. 启动本地服务,进行文章预览调试,浏览器输入http://localhost:4000就可以看到效果,之后点开Git Bush Here 执行Ctrl+C停止调试。

hexo server

与github建立连接

打开你的博客根目录(我的是D:\Hexo)
使用刚才下载好的sublime打开下面这个文件



翻到最下面


将其改为

其中的 repository是你建立的库的地址,可以在你的库里面找到使用https还是ssh格式均可。
注意,: 后面有空格 不加空格会出错。

最后一步

最后执行命令

hexo deploy

然后在浏览器地址栏输入https://你的github用户名.github.io/ 就可以看到你的博客了。
(栗子:https://qfeather.github.io/

写文章

执行下列语句生成一个名为title的空文章,当然还是在根目录下Git Bush Here。

hexo n "title"

可以看到提示生成了一个title.md,博客内容是用markdown语法写的。可以使用sublime的插件,也可以在线编辑,还有专门的编辑器,用sublime打开。

title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改
categories: #文章分类目录,可以为空,注意:后面有个空格
tags: #文章标签,可空,多标签请用格式[tag1,tag2,tag3],注意 ":" 后面有个空格
---这里开始使用markdown格式输入你的正文。

文章摘要
在需要显示摘要的地方添加如下代码即可:

以上是摘要

以下是余下全文

more以上内容即是文章摘要,在主页显示,more以下内容点击『> Read More』链接打开全文才显示。

主题安装

hexo的主题列表Hexo Themes
个人推荐的主题
fexo ——这是一个极简的主题,喜欢简洁的可以看看。
random——这个是我现在正在使用的主题,自定义的轮播图看起来很好。
TKL——这个主题是我那个报废的博客用的,一个优雅的响应式主题。
yilia——优雅简洁响应式主题。
下面的安装以random为例
在你的博客根目录里,执行如下的命令:

git clone https://github.com/stiekel/hexo-theme-random.git themes/random

然后修改博客的主配置文件,将主题设置为random

升级

cd themes/random
git pull

更具体的使用方式都在主题的文档中,请自行观看。

一些常用命令:

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

常用复合命令:##

hexo deploy -g
hexo server -g

简写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

结束语:这算是我写的第一篇正经的技术性……虽然技术含量不高的技术文章,当然如果能帮到你们最好

上一篇下一篇

猜你喜欢

热点阅读