做一个简单的记录
环境需求
git
node 如果老旧版本不能安装hexo,使用命令升级,参考命令
配置git
注:很多步骤我已省略,若没能正确安装建议搜索相关教程
1、到git官网,下载git安装包
2、详细安装过程参考,这里就不赘述
3、访问github,注册一个账号(如果已有账号跳过这步)
4、到个人主页新建一个仓库,命名随意
5、新建完成后,绑定ssh公钥,生成公钥参考git生成ssh公钥,查找公钥参考git查看本机ssh公钥(如果已绑定shh公钥跳过这步)
6、打开仓库=>Ssettings=>Options(往下翻)=>GitHub Pages=>Source=>选择master或者你要展示的分支,完成后刷新同一位置可以看到类型于下面的提示就完成了
Your site is published at https://jarryk.github.io/SurfingCat/
配置node
到node官网下载安装包进行安装,安装参考
验证是否安装配置成功
node -v
安装hexo
安装命令
npm install -g hexo-cli
安装cnpm(可选)
若下载时间过长建议使用cnpm代理,cnpm安装命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后使用cnpm -v ,检测是否正常,
安装hexo
cnpm install -g hexo-cli
安装完成后新建一个文件夹,命名随意,用来解压初始化hexo程序,在该文件下使用命令
hexo init
然后使用命令
hexo g # 生成
hexo s # 启动服务
执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的,hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000就可以看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题请参考这篇文章解决端口被占用问题
第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,默认的主题比较丑,可以去官方提供的主题下载页面下载
直接访问主题的git仓库clone主题,这里以我用的为例子
git clone git@github.com:theme-next/hexo-theme-next.git
建议在这个hexo的根目录,也就是之前创建的用来装hexo的文件夹下面使用以下命令,把主题安装到hexo目录下的theme文件夹中方便管理
git clone git@github.com:theme-next/hexo-theme-next.git theme/next
切换主题,打开hexo根目录下的_congfog.yml文件,将里面的theme的配置换成stun
然后再执行一般 hexo g,有时候不行就执行hexo clean 再执行hexo g
配置hexo中git仓库地址,其他详细配置参考【hexo】03config文件配置详解
deploy:
type: git
repository: 之前创建的仓库地址
branch: master
配置完成后还需执行
npm install hexo-deployer-git --save
最后就是提交文件到仓库了
hexo d
至此一个简单的搭建流程就完成了,希望对你有所帮助
其他链接:
git官网:https://git-scm.com/
hexo官网: https://hexo.io/
github官网:https://github.com/
node官网:https://nodejs.org/zh-cn/
评论区