小白开始写博客2333~~(大佬不要喷),最终选择了github+hexo(穷!),下面就分享一下怎么用github+hexo搭建一个博客,网上已经有不少大佬写了教程我自己也参考了不少(虽然官网已经写得很全了),下面就开工干活.
第一步
$ npm install hexo-cli -g
需要nodejs环境(这个就不多说了,大家都懂不懂的可以baidu or google)
第二步
$ hexo init
$ cd
$ npm install
Hexo 将会在指定文件夹中新建所需要的文件( Doc )
第三步
$ hexo server (启动服务 默认4000端口)
or
$ hexo s (这样好像ok)
or
$ hexo server -p 5000 (自定义端口)
命令以启动服务器,您的网站会在 http://localhost:4000 下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,您无须重启服务器。( Doc )
第四步
$ hexo generate
or
$ hexo g (这样好像ok)
生成文件,使用 Hexo 生成静态文件快速而且简单。( Doc )
第五步
在你的github账户New一个Repositories(如果没github的老哥可以注册一个 Github ),
会有像下面一样的英文(跟白说一样),开始自己是直接通过git命令push到仓库,结果不行出现一个警告(太蠢了).然后换了方法.仓库名必须是你的githubName加上github.io作为后缀 比如: xiaotiandada.github.io !!!
echo "# xiaotiandada.github.io" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/xiaotiandada/xiaotiandada.github.io.git
git push -u origin master
第六步
将你的Github与Hexo结合起来,第一次需要设置Git的UserName和UserEmail
$ git config --global user.name "yourName"
$ git config --global user.email [email protected]
详细可以参考这个博客或者自行百度搜索方法( Doc )
第七步
万事俱备 只欠部署,在部署前需要安装 hexo-deployer-git.(因为部署在github),详情看( Doc )
$ npm install hexo-deployer-git --save
配置_config.yml文件,下面是我自己的配置信息
deploy:
type: git
repo: [email protected]:xiaotiandada/xiaotiandada.github.io.git
branch: master
第八步
$ hexo deploy
Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。
第九步
打开Github仓库 找到xiaotiandada.github.io 这个仓库点击settings滑动到 GitHub Pages 有一个连接(绿色勾勾 : Your site is published at https://xiaotiandada.github.io/ ) 就可以预览你的博客
第十步
默认主题太丑改主题, 找到喜欢的主题 ( 知呼Hexo主题连接 ) 自己默认选择了第一个 Next
$ cd themes (你的主题文件夹)
$ git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next (下载Next主题)
打开配置_config.yml文件,下面是我自己的配置信息
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next (你的主题名字)
最后就没事了,可以重复第四步和第八步. 大功告成 如果有错字的地方欢迎'举报我' 我的 Qq:952822399 然后就可以预览我的博客( 小田的博客地址 )