用Hexo动手搭建自己的博客主页
来源:互联网 发布:js农历插件 编辑:程序博客网 时间:2024/06/06 22:04
开始之前先在Github上申请一个账号,并新建一个项目,以username.github.io 格式命名,然后进入settings创建Github Pages,如下图:
(图1)
(图2)
下面是主要搭建博客的主要步骤:
1. 安装node.js
安装完成后,在命令行输入npm查看信息
2. 直接在根目录下使用命令安装hexo
$ npm install -g --save hexo
3.部署Hexo
在本地新建博客文件夹MyBlog, 执行
D:\>cd MyBlogD:\MyBlog>hexo init
这样Hexo就会自动创建博客所需要的文件,这时候还不能启动hexo,接下来需要安装Hexo所依赖关系:
D:\MyBlog>npm install
结束之后,就可以执行命令
D:\MyBlog>hexo s
来启动hexo了
在浏览器访问:http://127.0.0.1:4000/
4.打开yml配置文件
找到public_dir 将其值改为xxx.github.io
在MyBlog文件夹下把github项目同步到本地,并删除.git文件以外的所有文件。
这一步的目的是本地博文的目录设置为github的同步目录。
5.创建一篇新博文
D:\MyBlog>hexo new titleD:\MyBlog>hexo gD:\MyBlog>hexo s
在浏览器输入http://localhost:4000可以预览博文
6. 发布博文
D:\MyBlog>hexo d -g
7.替换主题
进入到themes文件夹,将主题克隆下来,然后把网站的_config.yml里的theme标签改成新的主题名即可。
theme: next_es2015
这里有很多主题:
https://hexo.io/themes/
https://github.com/gfcocos/hexo-themes
https://github.com/hexojs/hexo/wiki/Themes
错误:
发布博文出现错误
D:\MyBlog>hexo d -g
INFO Files loaded in 719 ms
INFO 0 files generated in 524 ms
ERROR Deployer not found: github
解决方法:
- D:\MyBlog>npm install hexo-deployer-git –save
- 将deploy 的 type由github改为git
eg: 我的deploy配置
deploy:
type: git
repository: https://github.com/stefory/stefory.github.io.git
branch: master
最后,附上博客初步搭建效果:http://stefory.github.io/
- 用Hexo动手搭建自己的博客主页
- 用GitHub和Hexo搭建自己的博客
- 用Hexo+Github 搭建属于自己的博客 详细步骤
- 用Hexo+Github 搭建属于自己的博客
- 用Hexo-GithubPages-CodingPages搭建自己的个人博客
- 使用hexo搭建自己的博客系统
- HEXO+Github,搭建属于自己的博客
- HEXO+Github,搭建属于自己的博客
- HEXO+Github,搭建属于自己的博客
- HEXO+Github,搭建属于自己的博客
- HEXO+Github,搭建属于自己的博客
- Hexo+Github 搭建属于自己的博客
- HEXO+Github,搭建属于自己的博客
- Hexo+Github搭建自己的博客
- 利用github+hexo搭建自己的博客
- 搭建自己的 github + hexo 博客
- HEXO+Github,搭建属于自己的博客
- Hexo+GitHub搭建自己的博客
- git学习一 git基础介绍
- js正序&倒序
- 【jquery】input 和 blur 事件
- java基础之对象的向上转型
- MySql学习笔记_03_各个类型的存储范围
- 用Hexo动手搭建自己的博客主页
- HDU 1711 Number Sequence (kmp)
- LeetCode 123: Best Time to Buy and Sell Stock III
- C 常用基本类型的原型——time_t, size_t 等
- HDOJ 1754 I Hate It (线段树 & 区间最大值)
- swift下如何配置引导页后跳转rootViewController
- Activity的启动模式和横竖屏切换
- uva 213 Message Decoding 字符串处理
- lightoj 1155 - Power Transmission 【多源多汇 拆点网络流】