安装nodejs(官网下载安装包安装即可)
点击进入node.js官网,下载完成后安装即可
安装git
进入官网下载,安装
安装hexo
1、首先,创建文件夹用来存放你的本地博客。本人的博客存放在d:/blog文件夹下
2、打开git窗口
3、输入以下命令,进入到d:/blog
cd d:
cd blog
其中,cd 文件夹
的意思便是进入到某个文件夹
4、一次性安装完hexo所需的所有东西
安装速度慢,可以使用淘宝镜像:
5、安装完成,我们可以看到文件夹下已经生成了很多东西,依次在git中执行以下命令:
此时命令行会提示http://localhost:4000/
,我们在浏览器中打开该链接,一个hello的博客就完成了。(#^.^#)
博客使用
创建新文章
打开hexo安装目录\source\文件夹,发现只有_posts一个文件夹,创建分类和标签。
1、执行命令hexo new categories,修改hexo安装目录\source\categories下的index.md文件:
2、执行命令hexo new tags,hexo安装目录\source\tags下的index.md文件:
3、执行命令hexo new “first blog”,创建博客(或者直接在hexo安装目录\source_posts创建一个.md文件,里面写入以下内容)
博客主题
hexo有很多主题,找到自己喜欢的,点击图片预览博客样子,点击名称会进入github中。在github中将源码下载下来,解压放入themes文件夹中,修改_config.yml:theme: yelee
表示使用themes文件夹下yelee文件夹中的主题。
使用next主题
(网上很多,此处记下可能遇到的问题)
(1) 使用中文语言:
修改(hexo安装目录_config.yml)文件:(不是themes\next_config.yml)
language: zh-Hans
(3) 部署到github上js、css找不到
修改(hexo安装目录_config.yml)文件:
root: /blog/ #blog是你github上面的仓库名称
部署到github
当前,首先得在github上注册一个账号,然后,
1、github上创建一个仓库
仓库名称(Repository name)可以写成blog。github自动生成的网址会是:https://账户名称.github.io/仓库名称/ ,此时,如果仓库名称写成账户名称.github.io
,那么,github自动生成的网址会是:https://账户名称.github.io/ (记得勾选Initialize this repository with a README)
在项目的settings中,GitHub Pages中选择master branch,save后,会生成url。之后将本地的博客部署到这里,访问该网址,便ok啦!
2、使用git部署hexo到github:
(1)设置git
git使用hexo deploy部署的时候,保证user.name和github账上上的账户名一致。
查看用户名 :git config --list
如果首次安装,没有设置,可以使用下面命令:
如果已经设置好了,向修改:vi ~/.gitconfig
按下i键,修改,dd删除一行,esc退出编辑。按住shift,wq保存
(2)生成ssh秘钥
要部署到github上,本地要有权限。在git中生成秘钥
生成完秘钥之后会在 C:\Users\Administrator\.ssh
目录下生成 id_rsa和id_rsa.pub两个文件
拷贝id_rsa.pub文件内容到 github上就可以了(Settings->SSH and GPG keys->new SSH Key -> 输入文件内容 -> 保存完成)
(3)执行以下命令部署:
使用atom实现预览编辑文档
atom安装插件atom-hexo,速度很慢,可以使用本地安装:
在github上下载好后解压到C:\Users\cage.atom\packages,cmd打开命令行输入:apm install安装即可。
如果apm命令找不到,在环境变量中加入: C:\Users\hfyuser\AppData\Local\atom\bin
atom自带markdown preview,编写md可以实时浏览。
参考
置顶文章
20分钟教你使用hexo搭建github博客
Gitment:使用 GitHub Issues 搭建评论系统
如何用好 github 中的 watch、star、fork
如何正确接收 GitHub 的消息邮件
github fork项目后,代码更新