hexo博客系列(二)-在多台机器上利用hexo发布博客_candyメ奶糖-编程思维

【原文链接】:https://blog.tecchen.xyz ,博文同步发布到博客园。
由于精力有限,对文章的更新可能不能及时同步,请点击上面的原文链接访问最新内容。
欢迎访问我的个人网站:https://www.tecchen.xyz

针对在公司及家里的电脑上都有编辑发布博客的可能,或者多人同时维护一个博客的情况,需要在多台机器上配置环境好环境,然后将Git仓库中的博客更新下来,继续编辑发布博客。
个人是将博客托管在Gitee(码云)的仓库,将NexT主题托管在Github上的仓库。
因为博客源码需要放在私有仓库(Github也已经开发私有仓库了,Gitlab本来就支持私有仓库),不开放出来,NexT主题是直接fork的NexT官方主题(https://github.com/theme-next/hexo-theme-next/ ),根据自己的需要进行修改保存。
下面介绍已有博客仓库和主题仓库的情况下,如何在各台机器进行配置。

日常写博客

正常情况下,仅仅需要到博客根路径和主题根路径,使用git pull拉取最新代码。

  • 第一步:clone自己的hexo博客项目
    在想要新建的目录下(例如:D:\IdeaProjects)执行以下命令,创建目录hexo-blog并clone项目。
git clone git@gitlab.com:java4candy/hexo-blog.git hexo-blog

  • 第二步:clone自己的next主题项目
    在想要新建的目录下(例如:D:\IdeaProjects)执行以下命令,创建目录hexo-blog/themes/next并clone Next主题代码。
git clone git@gitlab.com:java4candy/hexo-theme-next.git hexo-blog/themes/next
  • 第三步:启动服务器
hexo clean && hexo generate && hexo server
  • 第四步:使用浏览器进行访问
    访问http://localhost:4000/ 即可。

初始化环境

以下仅限在新机器上进行一次性操作。

  • 第一步:clone自己的hexo博客项目
git clone git@gitlab.com:java4candy/hexo-blog.git hexo-blog

  • 第二步:clone自己的next主题项目
git clone git@gitlab.com:java4candy/hexo-theme-next.git hexo-blog/themes/next
  • 第三步:安装hexo
    使用淘宝镜像,安装依赖
npm install --save --registry=https://registry.npm.taobao.org

该命令会根据package.json中的dependencies将依赖下载并安装到node_modules目录。
可以使用npm ls -dept 0查看具体有哪些依赖。

+-- hexo@3.8.0
+-- hexo-asset-image@0.0.3
+-- hexo-deployer-git@0.3.1
+-- hexo-generator-archive@0.1.5
+-- hexo-generator-baidu-sitemap@0.1.6
+-- hexo-generator-category@0.1.3
+-- hexo-generator-index-pin-top@0.2.2
+-- hexo-generator-sitemap@1.2.0
+-- hexo-generator-tag@0.2.0
+-- hexo-renderer-ejs@0.3.1
+-- hexo-renderer-marked@0.3.2
+-- hexo-renderer-stylus@0.3.3
+-- hexo-server@0.3.3
`-- hexo-symbols-count-time@0.4.4

【不要执行hexo init,其实执行后,也会提示文件夹不为空。】

FATAL D:\IdeaProjects\hexo-blog\ not empty, please run `hexo init` on an empty folder and then copy your files into it
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
Error: target not empty
  • 第四步:启动服务器
    使用hexo server或者简写hexo s启动服务器
hexo clean && hexo generate && hexo server
  • 第五步:使用浏览器进行访问
    访问http://localhost:4000/ 即可。

版权声明:本文版权归作者所有,遵循 CC 4.0 BY-SA 许可协议, 转载请注明原文链接
https://www.cnblogs.com/Candies/p/10246135.html

博客园皮肤主题silence优化-编程思维

博客园的个人主页使用silence的皮肤,这是该皮肤的官网silence-专注于阅读的博客园主题,这里记录一些优化过程 一. 二级菜单样式修改 二级菜单的样式感觉很别扭,如下图的原样式,这里进行了一些更改。 修改后:en....要好看点吧 修改内容 也可以之间按自己的想法进行修改,通过浏览器的调试,选中二级菜单

一款被大厂选用的 Hexo 博客主题-编程思维

首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它。 什么是 Hexo ? Hexo 是一个快速、简洁且高效的博客框架,基于 Node.js 开发。Hexo 使用 Ma

博客从 cloudbase 迁移至云主机_程序员翔仔-编程思维

迁移起因 原来的博客 其实从很久以前就想要写博客,但总是断断续续的,一直都没有认真地开始。 最终,决定使用静态博客工具作为自己博客的承载体。在多种工具的比较下,最终选择了 Hugo 并部署到 Github Pages 上,并同时部署到腾讯云的 CloudBase 以供国内用户访问。 自此,2022 年 5 月 15 日

搭建hexo博客_飞鸿影-编程思维

hexo 是一款快速、简单、并且强大的博客博客模板框架 - 基于nodejs 。 特点 基于nodejs 使用Markdown书写文章 无需数据库 可以使用GitHub Pages发布 要用到的模块 node.js hexo git 多说 git需要提前安装,hexo init的时候用到。 安装Nodejs

hexo + vscode 插入 markdown 图片解决办法_yumine-编程思维

最近打开 typora 时发现弹窗强更,不让用 beta 版了 想到自己并不是非常需要 WYSIWYG,而且也不是经常使用 typora,于是直接退回到 VSCode 了,而且在 VSCode 里可以直接打开终端操作,写完了推送到 GitHub 都很方便。 然后就是老生常谈的图片问题,之前记录过 typora 上的

Hexo+Gitee搭建个人博客-编程思维

Hexo+Gitee搭建个人博客 (一)前言 beacuse(事出有因): 很久之前就知道Hexo搭建个人博客,但由于惰性,一直没有行动,在此之前一直用的是博客园。 but(但是): 今天打开博客园,发现网站进行整改,导致之前的博客无法查看,也无法发布新博客。 so(因此): 本着自己动手,丰衣足食的原则,废

hexo 添加图床_eryoung2-编程思维

前言 如果大家用过Markdown的话,就会知道在markdown里边插入图片时非常蛋疼,但凡换个地方来发布,图片就会404. 由于我最近在github pages上建了一个blog,我也遇到了这个问题,这时候就得找找办法。经过查询资料,我发现可以通过github创建图床来解决,效果不错。 当然,需要我们提前打开一个功

hexo 博客安装 fluid 主题_晓晨master-编程思维

一.主题 使用 hexo 推荐选择一款自己喜欢的主题,主题带有一些额外的功能适配,不需要自己去做,比如评论、友链、访问统计。可以浏览官方网站来选择自己喜欢的主题:https://hexo.io/themes/。 我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。 二.安装 下面的命令默认在博客根