hexo配置并部署到码云

首先放出我的博客地址,在fan主题的基础上进行了一些修改和替换,感谢fan主题的作者。

hexo是一个静态博客生成框架,码云是国内的一个代码托管平台(类似git)。利用码云的page服务可以很方便的部署和上线一个静态博客或者静态网站。这种page服务我最早在github上接触过,github和码云的page比较:

  • github :github的page服务也很方便,但是部署了之后会发现访问很慢(github国外网站的原因),并且github不接收百度的seo收录。
  • 码云 :国内的,所以访问会快一些,需要每次上传版本后手动部署(免费),如果自动部署需要一年99块钱。

对比之后选选择了码云。


hexo本地搭建


Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 —— 中文官网

开始之前需要

  • nodejs开发环境(node.js,npm 等)
  • git(用来上传代码)
    D盘下新建文件夹 blog。
    建好之后,在blog文件夹中右键 git bash here。
    然后全局安装hexo构建命令
npm install hexo-cli -g

然后输入

hexo init

进行 heox项目代码的构建
运行好之后,目录结果如下图
Alt text
之后输入

hexo g

进行静态文件编译
编译好之后会多一个public文件夹出来
然后输入

hexo server

在浏览器中输入 http://localhost:4000
Alt text
到这里本地服务器上的hexo已经全部部署完毕。

部署到码云

登录 码云官网,没有账号的注册一个。
点击头像边的加号,新建仓库。
Alt text

在打开的页面中,输入你自己想要填写的个性信息,填写好之后点击创建。
Alt text

创建好之后,点击右边的克隆/下载按钮,然后复制https地址。
Alt text

然后打开blog文件夹中的_config.yml文件(项目配置文件),拉到最后找到deploy
将repo:后面的网址改成你复制的地址,保存。
Alt text

接下来,运行命令 安装hexo-deployer-git模块,gitbash 运行 npm install hexo-deployer-git --save
Alt text

安装好之后,文件夹会多出来一个.deploy_git,然后运行命令 hexo g -d,就可以把内容推送到码云了。
推送好之后,上码云建立的仓库中可以看到编译之后的文件,然后点击服务,选择page,
开启服务,然后等他部署好之后,会出现一个网址,就是你的博客地址。

关于换了电脑如何能够快速部署

经过上面的步骤,已经实现了hexo博客的部署,有经验的工程师应该接下来都会玩了,可以不用继续看接下来的文档了。
下面我讲对加强部署做进一步说明。

你会发现你用了hexo d 命令上传到代码库的只是编译后的静态文件,如果有一天你的电脑发生了意外,文件全部取不出来了,那么重新部署本地工作环境将变得麻烦,可能需要重新下载主题插件,还有一部分插件可能你都忘了是什么了。

基于换了电脑如何快速部署这一个问题,官网建议的一个仓库里面两个分支,这也是大部分网上的解决方案,可以自行百度。

这里我提出一个新的解决方案,放弃使用hexo d 命令

原理就是把整个工作目录都上传到码云上面去,包括public文件,每次更新的博客的时候,先用hexo g 命令 进行编译 然后用git add * git commit -m XXX git push将整个目录更新到码云上面。然后在部署的时候,将根文件选择为public。

上传项目

在码云新建一个仓库,然后本地新建一个文件夹,然后clone这个仓库到本地,成功之后,复制里面的.git文件。
重新初始化一个项目,然后把这个git文件放到这一个文件夹中,然后打开git bash ,先进行hexo g,然后git add * git commit -m XXX git push,这时候项目的原始文件就已经到了你新建的仓库里面。

码云page选择

将部署目录设置为public 点击部署
Alt text

这样以后每次写完博客,可以重复上面的步骤进行代码更新。

在使用Hexo搭建博客并将其部署到Gitee的过程中,你需要进行一些修改以确保正确的部署。 首先,你需要在_config.yml文件中找到deploy配置部分。在这里,你需要对deploy进行如下修改: ``` deploy: - type: git repo: https://gitee.com/你的用户名/你的仓库名.git branch: master ``` 将上述代码中的"你的用户名"替换为你在Gitee上的用户名,并将"你的仓库名"替换为你的博客仓库在Gitee上的名称。 接下来,你需要将你的博客同时部署到GitHub,以便在无法访问Gitee时,仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中,添加以下代码: ``` - type: git repo: https://github.com/你的用户名/你的仓库名.git branch: master ``` 同样,将上述代码中的"你的用户名"替换为你在GitHub上的用户名,并将"你的仓库名"替换为你的博客仓库在GitHub上的名称。 完成以上修改后,保存并关闭_config.yml文件。接下来,你可以通过运行命令`hexo deploy`将你的博客部署到Gitee和GitHub。 请注意,部署到Gitee相对于GitHub可能会稍微麻烦一些,因为你需要手动去Gitee的网站上更新一次才能看到更新效果。这是因为Gitee是国内版的GitHub,速度相对较快,但在部署时需要手动同步。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [搭建hexo博客——Gitee篇](https://blog.csdn.net/qq_939317133/article/details/124046319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo博客同时部署gitee和github,搭建镜像站](https://blog.csdn.net/liegu0317/article/details/123058346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值