Hexo+github搭建个人博客-CSDN博客

环境准备

软件:git,node.js,hexo,markdown

下载并安装git,node.js,markdown,过程略。

常见问题

1、markdown安装完成后,如果使用过程出现如下异常,

原因:MarkdownPad 2 在win10下 出现HTML 渲染错误(This view has crashed) 的问题.

解决办法:安装一个SDK的工具包,名叫:awesomium_v1.6.6_sdk_win

下载地址:awesomium

网络问题下载不了,则百度其他地址。

2、node.js在安装完成后,要设置下环境变量。

3、如果在cmd中执行命令出现异常,而异常信息又不够明确,可以尝试使用git bash来执行命令,比如hexo d命令在cmd中,会由于ssh key的问题抛异常,而在git bash中就会有明显提示。

安装hexo

开始安装hexo,在cmd中,利用 npm 命令即可安装。

搭建本地blog

提示安装完成后,开始创建个人blog目录。

(从这里开始,建议使用git bash执行命令)

创建blog目录

然后执行

安装依赖包

至此,本地blog基本文件准备完成,此时执行

生成静态页面,然后启动服务

此处单独指定了端口号,因为hexo默认使用4000端口,有可能会和foxmail等其他服务端口有冲突。

启动成功后,会提示打开一个地址http://localhost:5000,如果页面显示正常,那么本地blog搭建完成。

部署blog到github

github提供了github.io功能,能够帮助我们展示静态的website。

操作步骤如下

1、操作前提:在github上注册账号、以github账号名创建一个仓库。

2、点击进入刚刚创建的仓库,点击settings进入管理页面。

3、找到GitHub Pages区域,选个一个主题,完成后点击页面提供的连接,就可以看到自己的blog页面,https://xxx.github.io

4、回到仓库页面,复制仓库地址ssh或者http方式按自己习惯

5、打开本地blog目录,编辑_config.yml文件

6、找到deploy配置项,修改如下,注意冒号后面有一个空格

7、接下来,回到你的cmd/git bash窗口,只需执行三个命令,命令不包含括号内信息:

配置主题

1、打开主题地址

2、列表的右侧demo连接,是效果图,左侧连接为主题的git仓库

3、选择一个喜欢的主题后,进入它的git仓库,将其clone到本地blog目录的themes目录下,执行如下命令

下载完成后,得到的目录比如为: /themes/mythemes

4、编辑_config.yml文件,找到themes配置项,修改为

5、重新编译blog并上传到git:

编写与发布blog

在blog目录的/source/_posts/,就是用于发表的博文目录。

使用markdown创建好博文后,复制到该目录下,在执行上一节的第5步,就可以将博文上传到github上。

至此,个人blog搭建完成。建议备份本地blog目录,防止源文件丢失。

参考:

http://www.cnblogs.com/dantefung/p/d8c48ba8030bcab7cfc364d423186fee.html

https://hexo.io/docs/server.html

http://ibruce.info/2013/11/26/markdown/

如果对您有帮助,您也可以更加直白的感谢一下:)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180802G1WEAZ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券