返回

`title`

开发工具

Hexo 初体验:打造你的赛博朋克风个人博客

让我们从头开始打造一个独一无二的博客,拥抱个性化的技术体验。

第一步:迈出第一步

搭建个人博客并不复杂,即使你没有任何编程经验。只需要 Node.js 和 Git,就能开启你的 Hexo 旅程。

安装 Node.js,确保系统版本兼容。然后,在命令行输入以下指令:

npx create-hexo-blog my-blog

别忘了把 my-blog 替换成你想要的名字。

第二步:披上新衣

Hexo 默认提供了一款整洁大方的主题。不过,别拘泥于默认,Hexo 提供了丰富的主题选择。

我们选择一款颇具赛博朋克风格的主题:Icarus。它是如何运作的呢?

  • 方案一:npm 安装
npm install --save hexo-theme-icarus

记得在 _config.yml 中启用它:

theme: hexo-theme-icarus
  • 方案二:手动复制

从主题官网下载 hexo-theme-icarus 文件夹,粘贴到你的博客主题文件夹中,同样在 _config.yml 中启用它。

第三步:点亮博客

打开编辑器,编辑 _config.yml 文件。在这里,你可以自定义你的博客。

  • 博客- 博客description
  • 作者:author
  • 语言:language

第四步:写出你的故事

现在,我们来到创作时刻。Hexo 支持多种编辑器,选择最适合你的那一款。

  • Hexo 自带编辑器:hexo new <filename>
  • VSCode:Hexo 插件
  • Typora:Hexo 插件

第五步:一站部署

当你的文章蓄势待发,只需输入以下指令:

hexo generate

Hexo 会自动将你的文章生成静态文件。

第六步:走向世界

想让你的博客在互联网上闪耀,你需要一个地方来托管它。有很多选择,这里推荐两个。

  • GitHub Pages:免费、易用,但有流量限制。
  • Vercel:免费、无流量限制,需绑定域名。

第七步:让它动起来

博客是你的数字空间,注入一些个性化的元素让它与众不同。

  • 代码高亮:选择一款代码高亮插件,让你的代码更具可读性。
  • 评论系统:Disqus、Gitalk,让读者与你互动。
  • 搜索功能:Algolia、Lunr,让读者轻松找到他们想要的内容。

走进你的赛博朋克世界

你已经建立了一个完全属于你的博客,接下来就尽情享受写作的乐趣吧。通过分享你的见解、经验和想法,你可以创造一个独具特色的数字空间,让你的声音被世界听到。

总结

这是一个让你轻松搭建赛博朋克风格个人博客的指南,快动手创建你的虚拟世界。