用Hexo搭建个人博客

来源:互联网 发布:天谕美女捏脸数据 编辑:程序博客网 时间:2024/05/19 16:06

一、安装Nodejs

下载地址: https://nodejs.org/

二、安装Git for windows

下载地址: https://git-for-windows.github.io/
一路Next安装就好

三、安装Hexo

1、打开Git Bash,执行命令:

npm install hexo-cli -g

如果不行就先执行:

npm --registry http://registry.cnpmjs.org info underscore

再执行:

npm install hexo-cli -g

然后执行:

hexo -v

看一下是否安装成功,成功的话会出现类似下图的Hexo信息
1

四、新建一个blog项目文件夹

  • 比如:在D盘新建一 个D:/myblog放置blog项目。点击鼠标右键,选择Git Bash Here。

然后依次执行以下命令:

hexo initnpm installhexo ghexo s

在本地浏览器上输入地址:
http://localhost:4000/ 就可以看到如下图画面了

2

五、配置Git

1、登录github,创建一个新的仓库New repository,Repository name填写:

git config --global user.name "<你的name>"git config --global user.email "<你的email>"

设置好name和email就执行以下命令:

ssh-keygen -t rsa -C "你的email>"

按提示找id_rsa.pub文件,可以用记事本打开,复制全部内容。在浏览器中打开 https://github.com ,登录并打开settings,在SSH and GPG keys下New SSH Key,title随便填写,key就粘贴复制id_rsa.pub文件的内容。
在gitbash中执行以下命令验证是否添加成功

ssh -T git@github.com

六、打开你的blog项目文件夹,修改_config.yml文件

  • 修改_config.yml文件最好用notepad++打开,因为后面可能需要修改language: zh-Hans,但title、subtitle、description等还是会出现中文乱码,因为在记事本中设置language是不能正确编码的。
  • 打开_config.yml,在内容最下方修改保存:
deploy:  type:git  repo:https://github.com/YourgithubName/YourgithubName.github.io.git  branch: master

在blog项目文件夹下打开Git Bash Here,执行以下命令上传到github:

npm install hexo-deployer-git --save

然后依次执行

hexo cleanhexo generatehexo deploy

需要注意的是,每次上传更新时最好都依次执行一遍以上三个命令。
现在在浏览器中输入 http://yourgithubname.github.io 就可以看到你的个人博客了。

七、写博客

打开Git Bash Here,执行以下命令新建文章:

hexo new '文章名'

文章的编辑可查看hexo的写作: https://hexo.io/zh-cn/docs/writing.html
我们的博客都是用Markdown写的,文件是.md文件格式,可以下载Sublime或Markdown来写,在你的blog项目文件夹\source_posts\下打开新建的文章,我是用MarkdownPad2编写的,编写完保存。
然后打开Git Bash Here依次执行以下命令:

hexo cleanhexo generatehexo deploy

八、这里补充一下Hexo的知识

  • blog项目文件夹下:
  • node_modules:是依赖包
  • public:存放的是生成的页面
  • scaffolds:命令生成文章等的模板
  • source:用命令创建的各种文章
  • themes:主题
  • _config.yml:整个博客的配置
  • db.json:source解析所得到的
  • package.json:项目所需模块项目的配置信息
    命令总结:
hexo init   :初始化一个文件夹hexo g   :即hexo generate,生成静态文件hexo s   :即hexo server,创建服务hexo d   :即hexo deploy,发布文件到github上hexo n   :即hexo new,新建一篇文章

九、配置NexT主题

在你博客项目文件夹下,打开Git Bash Here,执行以下命令下载next主题。

git clone https://github.com/iissnan/hexo-theme-next themes/next

然后在站点配置文件_config.yml修改:

theme: next

再次打开Git Bash Here,依次执行以下命令:

hexo cleanhexo s --debug

现在在本地浏览器上输入地址: http://localhost:4000/ 就可以看到NexT主题了。
- 具体配置请到 http://theme-next.iissnan.com/getting-started.html 查看。
另外可以在 https://hexo.io/themes/ 中选择你喜欢的主题。

十、为 Hexo 搭建的博客添加属于自己的个性域名

具体可以参考这篇文章:http://www.jianshu.com/p/f7b533b1769c

原创粉丝点击