用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信息
四、新建一个blog项目文件夹
- 比如:在D盘新建一 个D:/myblog放置blog项目。点击鼠标右键,选择Git Bash Here。
然后依次执行以下命令:
hexo initnpm installhexo ghexo s
在本地浏览器上输入地址:
http://localhost:4000/ 就可以看到如下图画面了
五、配置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
- 用Hexo搭建个人博客
- 用Hexo搭建个人博客
- HEXO搭建个人博客
- Hexo搭建个人博客
- HEXO搭建个人博客
- HEXO搭建个人博客
- Hexo 个人博客搭建
- hexo搭建个人博客
- hexo搭建个人博客
- Hexo搭建个人博客
- HEXO搭建个人博客
- 用GitHub和Hexo搭建个人博客
- 用Hexo+github Page搭建个人博客
- 博客搭建系列一:用hexo搭建个人博客
- 博客搭建(2)--Mac下用Hexo搭建个人博客
- Hexo+github 搭建个人博客
- Hexo 搭建github个人博客
- Hexo + Github搭建个人博客
- 网页注册登录(三)
- myeclipse控制台报某jar包里某个类找不到,查看该jar包是否引入
- Hadoop实战(3)_虚拟机搭建CDH的全分布模式
- BZOJ 1598 [Usaco 2008 Mar] 启发式搜索 解题报告
- 51nod 1378 夹克老爷的愤怒[贪心][树形dp?]
- 用Hexo搭建个人博客
- 第八周项目4-稀疏矩阵的三元组表示的实现及应用(2)
- 文章标题
- 一个不了解HTTP协议的程序员不是一个好的Web开发者
- LeetCode刷题(20)
- 4 Values whose Sum is 0 POJ
- 《Discrete Mathematic with Applications》读书笔记二
- C语言#define之宏定义的使用
- gcc入门