前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Windows环境搭建hexo博客部署到GitHub上

Windows环境搭建hexo博客部署到GitHub上

作者头像
兮动人
发布2021-06-11 11:43:15
4490
发布2021-06-11 11:43:15
举报
文章被收录于专栏:兮动人的博客

首先安装node.js

官网:https://nodejs.org/en/,直接安装即可!

安装完成后查看下版本:

npm是node.js上的包管理器,需要用到npm下载hexo,但速度太慢了。 先使用npm安装国内的淘宝镜像源cnpm,步骤如下

代码语言:javascript
复制
npm install -g cnpm --registry="https://registry.npm.taobao.org"

下载完成后,查看:

cnpm 安装hexo
代码语言:javascript
复制
cnpm install -g hexo-cli

如果是npm安装:

代码语言:javascript
复制
npm install -g hexo-cli

查看是否安装成功:

启动博客
  • 新建个用于博客的文件夹,进入文件夹下,然后开始初始化
代码语言:javascript
复制
hexo init

启动:

代码语言:javascript
复制
hexo server	//或 hexo s
  • 写一篇文章:
代码语言:javascript
复制
hexo new "内容标题"//或 hexo n "内容标题"

然后在source_posts下就会生成一个Markdown格式的文章,接着用编辑器打开后编写文章即可。

  • 写了一篇文章后清除缓存文件
代码语言:javascript
复制
hexo clean
  • 然后再次启动博客:
代码语言:javascript
复制
hexo server

博客部署到GitHub上

在GitHub上创建仓库,仓库名格式必须是:用户名.github.io 如:

  • 在blog文件夹下安装git部署 插件 出现错误是正常现象
代码语言:javascript
复制
cnpm install --save hexo-deployer-git
  • 修改配置文件_config.yml,填上刚才创建仓库的地址
代码语言:javascript
复制
deploy:
  type: git
  repo: https://github.com/xdr630/xdr630.github.io.git	//仓库地址
  branch: master

部署在github上的命令:

代码语言:javascript
复制
hexo deploy //或 hexo d

然后直接访问:xdr630.github.io 就行了

更换主题:

如: https://github.com/litten/hexo-theme-yilia https://github.com/xdr630/hexo-theme-icarus 我的本地已经clone过两个主题:

git clone /blog/themes/yilia文件夹下

代码语言:javascript
复制
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

打开配置文件 _config.yml 修改 theme

代码语言:javascript
复制
theme: yilia

之后再清除下缓存:

代码语言:javascript
复制
hexo clean

重新生成:

代码语言:javascript
复制
hexo generate 	//或 hexo g

访问:

部署到github上:

代码语言:javascript
复制
hexo deploy //或 hexo d

访问:xdr630.github.io

也可以自己改主题的一些css样式之类。 这里我访问xdr630.github.io跳到yunxdr.top时,这是因为我在GitHub Pages设置了自定义域名,有关设置方法的详情请访问我写的这篇文章:https://blog.csdn.net/qq_41684621/article/details/103230888

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/11/27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 首先安装node.js
    • cnpm 安装hexo
      • 启动博客
      • 博客部署到GitHub上
        • 更换主题:
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档