hexo多终端搭建

本文介绍了一种简便的方法,利用GitHub实现Hexo博客在不同电脑间的无缝迁移,避免重复配置,提高效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

hexo

用过hexo搭建博客的同学都知道,hexo是一个非常轻量高效的博客搭建工具。配合强大的makrdown文件,分分钟编译出漂亮牛逼的页面,瞬间发布,省时省心。

一些问题

然而它也并不是完美的。比如我在公司电脑上,辛辛苦苦搭建了博客,写入文章且正常发布了。但是回到家,突然又想写一篇文章。这时候就显得非常蛋疼。如果重新安装的话,之前写的好多配置就没有了。。。在网上找了好多文章,有说把整个项目拷贝到百度网盘的(好吧,这个确实比较low,但也不失为很简单粗暴的方法)这个带来的缺点就是,你每次更新新的文件之后你必须要重新打包你的文件,然后上传到你的网盘空间。。。在这个GitHub漫天飞的年代,如果可能,我们当然会选择使用github来作为我们的仓库

使用github

我这边采用的办法我感觉很简单。只需要将你的hexo项目作为两部分,分别放入github仓库中即可。
搭建过hexo博客的都知道,我们一开始就会新建一个仓库,这个仓库用来存放hexo生成的静态页面。这个地址你可以在根目录下的_config.yml中的repository找到。

deploy: 
  type: git
  repository: https://github.com/SunnyDesmond/sunnyDesmond.github.io.git
  branch: master

然后只要在这个基础上新建一个新的分支,我这边分支名字叫做hexo,当然了你可以取任意你喜欢的名字。
这个仓库中我们就用来存放hexo的项目配置文件,方便我们在不同的终端中下载安装我们的博客。
一般情况下我们只要上传这么多文件夹到 hexo即可,如图:
配置

  1. scaffolds/ source/都在我们博客项目的根目录下文件夹
  2. _config.yml也是我们根目录下的文件,注意不是 theme主题下的_config.yml
  3. 主题的配置文件一般都在themes/主题名称/下的_config.yml里面。记得把这个文件的里面的全部东西复制一下 然后我们在项目最外面新建一个文件_config-theme.yml,名字随便取,自己能知道就行。把刚刚复制的东西全部粘贴到里面。然后将这么多东西push到刚刚新建的仓库就行了。
  4. 截图中除了package-lock.json,yarn.lock不是必须的,其他的都是必须的哦。。
  5. .gitignore文件中记得加上这个themes/防止将主题推送上去,可以先运行git rm --cached .清除缓存

换个电脑吧

好了,我们要换个电脑安装了。
1. 打开你的另一台电脑(默认你的电脑装完了node.js ,git, hexo( 运行npm install hexo-cli -g) )
2. 打开你的github,找到你hexo项目,并复制你的项目地址 假设 git@github.com:SunnyDesmond/sunnyDesmond.github.io.git
3. cd到你需要安装博客的文件夹,执行git clone git@github.com:SunnyDesmond/sunnyDesmond.github.io.git
⚠️注意:一定要确保你的新的电脑的ssh key 已经加到你的github中哦~不会的话,可以百度,也可以看看这篇文章
4. balabala..开始下载。。嘟。。下载成功。。
5. 喝口水。。。继续。。
6. cd到你的项目,执行npm install …嘟。。。安装成功
7. 执行git clone https://github.com/iissnan/hexo-theme-next themes/next 我这边用的next主题。。。如果不是这个主题的话,不好意思,你可能要看一下其他主题的配置文件了
8. 将_config-theme.yml(也就是刚刚说新建的文件config文件)里面的内容全部赋值 粘贴到themes/主题/下的_config.yml里面
9. 运行 hexo new "xx", hexo clean,hexo g,hexo s,在浏览器中打开你的localhost:4000如果成功看到页面。。那么恭喜你成功了。。。如果没有,请好好检查一下,然后发布文章hexo d即可(如果是mac的话,记得加上sudo,不然可能出现这种情况

FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
Error: EACCES: permission denied, unlink '/Users/desmond/work/sunnyDesmond.github.io/.deploy_git/archives/index.html'

)
10. 最后记得每次发布文章之后,将项目push到新的仓库哦~

最后

感谢知乎大神给出的一些方法建议,如果有需要,小伙伴们可以看一下这个帖子

### 使用Hexo和GitHub搭建个人博客的最佳实践 #### 准备工作 为了成功使用Hexo和GitHub搭建个人博客,需准备如下工具: - **代码托管平台**:选择Codeup、GitLab或Gitee作为代码托管平台。这些平台提供足够的存储空间并具备较高的安全性[^3]。 - **本地开发环境**:建议使用IntelliJ WebStorm这类集成开发环境(IDE),当然VSCode也是一个不错的选择。确保安装Markdown编辑器和支持Git操作的相关插件以便于编写和同步博客内容。 #### 安装与初始化 1. 下载并全局安装Node.js和npm。 2. 执行命令`npm install -g hexo-cli`以安装Hexo CLI工具。 3. 创建新的站点目录并通过终端进入该目录执行`hexo init .`完成项目初始化。 4. 运行`npm install`下载必要的依赖项。 ```bash $ npm install -g hexo-cli $ mkdir myblog && cd $_ $ hexo init . $ npm install ``` #### GitHub Pages配置 创建一个新的GitHub仓库用于存放生成的静态网页文件,并按照官方指南设置好GitHub Pages服务。接着修改_hexo/_config.yml_中的deploy字段指向对应的远程仓库地址[^1]。 ```yaml # _config.yml snippet deploy: type: git repo: https://github.com/username/repository.git branch: gh-pages ``` #### 博客主题选取 对于初学者来说,Material-Flow是一个很好的起点。此主题不仅外观精美还兼容多种设备展示需求。除了美观外,它也包含了实用的功能扩展比如访问统计等特性[^4]。 #### 发布流程优化 考虑到早期访客数量有限,推荐采取全量更新的方式发布新文章直至网站规模扩大再考虑更为复杂的持续集成策略。 ```bash $ hexo clean $ hexo generate $ hexo deploy ``` 以上就是利用Hexo配合GitHub构建个性化在线日志系统的简易指导手册。希望这些建议能够帮助读者快速上手并享受创作的乐趣!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

问问那只猫

老板大气~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值