原文在 0xFFFF CS Wiki 本文面向无基础学生。博客为静态博客，无需费用。使用的工具和框架： GitHub Pages + hexo 为什么要搭建个人博客将自己的思考和学习经历记录下来作为一个知识沉淀的平台在搭建博客和升级博客的过程中学习技术展示你自己，并且可以作为他人了解你的渠道成为社区的一份子，帮助到他人。博客中记录的bug和经历可以让更多的人少走弯路。优秀的个人博客推荐：轮子哥/vczh 鳥哥的 Linux 私房菜王垠阮一峰的个人网站使用GitHub page + hexo快速搭建环境准备安装 Node.js 和 Git 并注册 GitHub 安装成功检验：在命令行执行下列命令： $ git --version git version 2.9.0.windows.1 $ node --version v10.15.3 $ npm --version 6.4.1 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 安装Hexo 在命令行执行下列命令： $ npm install -g hexo-cli # -g 代表着全局安装 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 完成后建立你的个人博客： $ hexo init blogName $ cd blogName $ npm install if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 博客文件夹的目录如下： ├───.git ├───scaffolds # 博客的模板文件夹 ├───source # 资源文件夹 │ └───_posts # 你的博客源文件(.md) └───themes # 主题文件夹 └───landscape # 默认主题 ├───.gitignore ├───.gitmodules ├───_config.yml # 博客的配置文件 ├───package.json # 项目管理文件 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 创建你的第一篇博文新建一篇博文： $ hexo new '文章标题' if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 在 /source/_posts 文件夹下找到你的博文，使用Markdown编辑器打开并编辑。推荐使用Typora进行编辑。在 Markdown Guide 或者菜鸟教程学习Markdown语法。保存后运行： $ hexo generate # 生成静态文件，可简写为 hexo g $ hexo server # 启动服务器。默认情况下，访问网址为：`http://localhost:4000/`。可以简写为 hexo s if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 此时已经可以在 public 文件夹下看到完整的静态文件。在浏览器中输入 http://localhost:4000/ 就可以看到预览效果了。部署到GitHub Pages 在GitHub创建一个名为 username.github.io 的新仓库，其中 username 是您在GitHub上的用户名（或组织名称）。 ! 如果仓库的第一部分与您的用户名不完全匹配，则它将不起作用，因此请确保正确无误。转到要存储项目的文件夹，然后克隆新的仓库： $ git clone https://github.com/username/username.github.io if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 将之前生成的 public 文件夹下的文件拷贝到本地仓库中。再运行： $ git add --all $ git commit -m "Initial commit" $ git push -u origin master if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 等待一段时间你就可以启动浏览器并转到 https://username.github.io 你就可以看到自己的博客啦！ // 将博客部署到GitHub还有其他方法，比如可以使用 hexo deploy 。这个就请自行学习探索啦。了解并丰富你的博客以下是一些进阶网站：超详细Hexo+Github Page搭建技术博客教程 hexo官网 GitHub Pages 进阶博客搭建想必很多同学在完成简单的静态博客搭建后都想尝试更加绚丽，互动性和自定义更强的博客。首先你需要购买一个域名，拥有一个服务器。使用 WordPress 可以快速搭建一个动态博客。如果你不仅仅满足于使用框架和平台，那么你可能需要去了解并学习一些更加深入的东西，前端可以用Vue或者React，后端用python的Django,Flask框架实现快速开发个人博客。

补充几个框架：基于Go的 hugo , Typecho ,

赞！！可以抛弃充满广告的 XSDN、XX园、X书了🌞 博客本身就是一种“我为人人，人人为我”的氛围下的体现，寄托于商业平台并不是那么靠谱，开源才是最好的归宿。搞起！

MikyMing 基于Go的 hugo , Typecho , 纠正下，Typecho 是基于 PHP 的，设计上和 WordPress 类似，但更加地精简。

之前搭建的Hexo博客一直荒废，看了这个帖子提醒我在我的Mac上重新部署起来。哈哈哈。折腾！搞这个前提有两个： 1、懂得用MD写作；不用MD写作，这个Hexo也就没意义了。 2、懂得Git的基本使用；这个前提有点隐秘，因为 hexo d 似乎已经把细节隐藏了，只是，本质上还是要Git。至于其他的问题，包括：主题、布局、部署到其他的软件仓库等等细节，深入做下去还是需要很多很多功夫。我一般都不折腾。能用就行的那种。今天我试图把之前的博客迁移到新的机器，不怎么成功（看了很多的帖子，都不怎么好用）。反正之前也没写什么，不如重新写。但是，如何迁移博客还是值得研究的。

Bintou 迁移的话，一般整个目录拷贝过去就可以了，可能需要删掉里面的 node_modules 重新装下依赖。

突然发现一个巨大的问题，如何让Hexo支持Latex！参考一下这篇博客，还没折腾。还是需要很多时间去搞的。

用gitee pages部署速度更快点

交作业： https://colindowney.github.io/ 过一段时间赶完作业慢慢折腾w

lin_cx 看了下，默认不支持 HTTPS 和自定义域名，还是挺局限的。

MikyMing 部署到GitHub Pages 这一步似乎并不应该另外克隆仓库下来诶，这样的话其实每一次修改都得把public文件夹下的内容复制过去。其实Hexo已经包括了git的操作。我的操作如下：打开 Git Bash 并且进入之前创建的文件夹（默认在C:\Users\Username\BlogName\），运行 npm install hexo-deployer-git --save 安装插件；打开文件夹里面的_config.yml，拉到文件末尾添加以下信息（注意修改GitHub的账户名）：运行 hexo g -d 即可部署。参考： Github和Hexo搭建博客

搭建一个自己的博客

wzpan

对了。最近将hexo的部署从Github Pages+travis ci的方案迁移到了Vercel。发布速度更快，而且免费账号就能支持自定义域名，体验非常好。
推荐大家试试。

0x0001

wzpan vercel 确实好用，记得以前还是叫 now.sh，感觉它真正意义上解决了静态站部署的学习和维护成本。并且里面自带了 node 环境，网站加载首屏渲染的痛点问题也解决的很好。

之前尝试了下它家的 Next.js，感觉用起来也特别舒适，直接参与进 React 周边生态的建设，然后把自己的服务变成了其中一个环节，用户不知不觉就进坑了哈哈～特别佩服

wzpan

过了几天我又把博客改回了 Github Pages …… 因为我被告知超出了 vecel 的流量限制。

是我低估了我那一年一更的博客的访问量。(哭笑不得.jpg) ~

wzpan

soft

可能会有人有跟我遇到一样的问题，我把解决的方法发出来。

如果用hexo-asset-image 插件，渲染成html时生成的图片路径会出错。（如果你也使用的是相对路径的话，像下图一样）
那么推荐一个插件 hexo-image-link

配置好后就可以正常显示了

这样既可以在typora里即时预览本地图片，在生成包含相对路径图片的静态页面时不用做额外操作。

不过插件有个小bug：图片名称不能包含空格

Jayden

lin_cx gitee今年上线的违规词检测系统开始乱杀，不分青红皂白封博客

DNE

新手想问一下：出现了以下情况是安装Hexo失败了吗？

Tover

DNE
命令行随便输下面一个都能知道吧

hexo
hexo help
hexo --version

AEGG

https://easyhexo.com/
偶然发现了这份简单教程（

InkHin

翻了一下，好像没人和我早年没钱买ECS时，选择的做法一样。
我一开始也是直接使用github pages + cloudflare 域名绑定的，直到他频频被墙，被中间人，被污染，各种访问缓慢，图片丢失。于是两年前我是这么解决的，利用Drive2web来托管静态网页再绑定域名。
博客框架需要是静态的，可以是hugo也可以是hexo等等，然后用drv.tw，绑定One Drive（网页目前已经被墙，PC应该还能用，
之后将hexo或者hugo生成的静态目录推送到OneDrive，
由cloudflare 解析域名到drv.tw提供的cname
再让cloudflare启用SSL证书达成https访问。
这是他们家的使用文档，https://docs-of.drv.tw/

Chever-John

lin_cx 速度快慢取决于服务器部署的位置，就比如我当年搞 hexo 的时候，选择的方法是域名解析，如果是来自国内的流量，就解析到 gitee 上，国外的就解析到 github，这是我的方法，欢迎交流！

Heath-Wrong

非常受用，自己搭了一个，目前还只是个架子。部署用的是deplay。
下一步就是折腾一下主题，添加一些友链。
走了很多弯路，收获也很多。
作业在这里了：我的小窝

Chever-John

Heath-Wrong
这边要提出一个问题咯！（也是当年我大佬同学提醒我的）
你有没有考虑过有一天，你本地存储的硬盘突然崩掉了，什么数据也没有了。而github 上却只有一些静态文件？

我给出我当时的思路，我搭建了 CICD，利用 github 和 travis CI，将文章全部 push 到 GitHub，然后靠 travis CI 触发自动化，travis pull 下我的 hexo 项目，在它虚拟化的云服务器里完成渲染，继而推送回GitHub。你可以找找新的灵感。

BA3000

Chever-John 我是直接NAS，自动备份COS存储的图片和MD文件，同时会把内容保存到网盘里面。这样即便自己本地存储挂掉了，在云端和异地的NAS还能找回资料。

Heath-Wrong

Chever-John 现在博客美化基本完成了，看看效果我的blog，下一步就是上云了，我初步想的是再建一个仓库，把这些文件都传上去，这个方法比较简单也很方便，如果本地损坏，直接恢复就行。不过有点呆，可能会考虑用一下持续集成。
由于不想买服务器，又感觉通过不断地push来更新太麻烦了，我现在在找hexo静态博客无后端的解决办法。目前只找到了这个项目hexo++，不过项目组已经弃坑了。
不知道学长有没有办法。
要不是我不会，我就自己造一个轮子了（）

charfole

Chever-John
CI/CD 服务现在 GitHub 里的 GitHub Actions 也支持了，可以达到通过 Git Push 将博客推送到仓库备份，同时触发 Action，部署到 GitHub Pages 的效果。

分享一个以上操作的小教程。

Omnipresent

我是直接csdn（逃

0x0001

Omnipresent 直接冲的话博客园会不会更好？csdn感觉有点杂，而且因为很多不标明来源的反复转载，导致有很多人搜索技术文时候会 -csdn.net 🤪

Chever-John

Heath-Wrong

你不必购买服务器。一些现成的 CICD 服务（jenkins，traviCI 就是这样的用处，免费的够用的）
hexo++ 我了解了一下，主要靠serverless实现的后端，不会有太大的难度的，可以直接冲！
我推荐一下 vercel ，这个也是官方支持了 hexo，其性能也够。

另：早点休息，注意睡眠。

Chever-John

charfole hhhhhh，
我19年干这个的时候好像就是有的。
但当初我选择用 travis 是因为不太熟练。
就同时使用了 github action（触发hook 给 travi CI），
然后 CI pull 代码构建再反推回 GitHub。

不成熟的方案啦。不过玩得很开心。（头秃了好几天🙁

civil

wt……fantastic
进校后老师有让我们折腾博客但是我完全没有意识到0xffff上曾经有人做过详细教程，自己重新走了一遍前人的路，倒也学了不少东西，也是今天才突然找到这个古帖子挖坟……

0x0001

civil 自己动手才是自己的哈哈！