您的位置:首页 > 其它

Coding+Hexo搭建个人静态博客

2016-09-29 21:47 453 查看

安装环境

node.js

Git

coding创建项目

注册

创建项目

开启coding pages

开始

创建一个文件夹(作为博客根目录)

在文件夹中右键启动git bash

npm install -g hexo-cli
hexo init
npm install
hexo s


打开浏览器
http://localhost:4000
就能访问属于你自己的博客了。

PS:博主使用Win10无法打开这个网页,后来用
hexo s -p 5000
,然后访问
http://localhost:5000
即可。

接下来就要把代码push到代码库,不过在这之前要修改一些东西。

首先安装
npm install hexo-deployer-git --save
,然后配置
_config.yml
文件:

deploy:
type: git     #因为使用的是git来push的
repo: <repository url>    #你的仓库链接,比如我的是https://git.coding.net/suninsky/blog.git
branch: [branch]           #分支      我的是master

#下面这两项如果不改的话可能会导致页面显示不完整,只有文字没有主题
url: http://suninsky.coding.me/blog/   #改成你的coding pages页面
root: /blog/                            #改成你的项目名称


改完以后保存

hexo clean
hexo g -d


过几分钟就能看到博客已经好了。

写博文

hexo new "博文名称"
创建新的博文,这时博客文件根目录下的/sourse/_posts多了一个
博文名称.md
,然后用文本编辑器编辑保存。

再用

hexo clean
hexo g -d


即可

修改主题

hexo官方主题

可以选择各种主题,选好一个主题然后进入其相应github首页一般能看到md文档,根据文档上说的做就行。

一点小问题

发现hexo对markdown支持有点小问题,标题使用##的时候后面一定要有空格,否则无法正常解析。

2016/9/27添加

git添加用户身份标识

git要求使用者必须提供自己的身份标识,为此我们需要在git bash中执行以下命令(当然不设置也行,每次提交都是unknown…):

$ git config --global user.name "yourname" //给自己起个用户名
$ git config --global user.email  "abc@gmail.com" //填写自己的邮箱


添加博客头像

在主题配置文件下的source的images文件夹下放入你的头像图片,名字改为avatar.png

在配置文件中加入

avatar: /images/avatar.png
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  博客 git hexo coding