侧边栏壁纸
博主头像
suringYu

走走停停

  • 累计撰写 60 篇文章
  • 累计创建 19 个标签
  • 累计收到 13 条评论

目 录CONTENT

文章目录

基于github和hexo搭建简单博客

suringYu
2021-01-18 / 0 评论 / 0 点赞 / 724 阅读 / 2,301 字
做一个简单的记录

环境需求

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/

0

评论区