1. 安装node
安装Node(必须)
作用:用来生成静态页面的
到Node.js官网下载相应平台的最新版本,一路安装即可。
安装Git(必须)
作用:把本地的hexo内容提交到github上去。
2. 安装hexo
创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
(Windows cmd 执行如下命令)
安装Hexo:
npm install -g hexo
初始化hexo:
hexo init
好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。
可以本地启动,进行文章预览:
hexo server 或者(hexo s)
浏览器输入http://localhost:4000 ,现在你就可以看到你的页面啦
文件夹结构:
scaffolds 工具模板
scripts hexo的功能js
source 博客资源文件夹
source/_drafts 草稿文件夹
source/_posts 文章文件夹
themes 存放皮肤的文件夹
themes/landscape 默认皮肤文件夹
_config.yml 全局配置文件
db.json json格式的静态常量数据库
_posts目录:Hexo存放博客文章的文件夹
themes目录:存放皮肤的文件夹,默认使用官方的主题 你也可以从hexo主题页面下载你喜欢的主题
3. 配置github
github 是用来做博客的远程创库、域名、服务器之类的
新建 Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】
找到blog根目录下的 _config.yml 文件
把 deploy 改成
deploy:
type: git
repo: https://github.com/ZYLyanzi/ZYLyanzi.github.io.git(你新建的github的仓库地址)
branch: master
执行命令
npm install hexo-deployer-git –save
(windows 用 git brash)按照github新建仓库的指引,执行命令:
git init
git add README.md
git commit -m “first commit”
git remote add origin https://github.com/ZYLyanzi/yanzi.github.io.git
git push -u origin master
push 成功后执行命令:
hexo clean
hexo generate
hexo deploy
然后再浏览器中输入https://zylyanzi.github.io/就行了,我的github的账户叫zylyanzi,把这个改成你github的账户名就行了
一些常用的命令:
hexo new”postName” #新建文章
hexo new page”pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本