A Rainy World

迷雨之庭


  • 首页
  • 归档
  • 标签

© 2024 Loosysple

Theme Typography by Makito

Proudly published with Hexo

萌ICP备20240155号 | 异次元之旅

关于

Hexo Blog 搭建经验分享

发布于 2024-01-29 评论 技术 

下面就来说一说我是如何完成整套blog的设置的吧。我自己就被网上不详细的教程坑过无数次了……
Hexo的官网上的官方教程
建议与官方教程搭配食用


安装Hexo到电脑上

第一步

你需要先在电脑上安装Git和Node.js.

安装完成之后,打开cmd或者powershell。输入下面代码:
注意:「$」符号不用输入!

$ npm install -g hexo-cli


第二步

在资源管理器中,右键-在cmd(部分电脑显示的是「PowerShell」或者是「终端」)中打开
在cmd或者PowerShell中,逐步输入以下指令:
其中的「folder」输入的是你想要建立文件夹的名称

1
2
3
hexo init <folder>
cd <folder>
npm install

建立完成后你可以看到文件夹里有很多文件了,这些就是blog系统的必须文件。

接下来,你可以在cmd或者PowerShell中输入下列指令,打开blog页面:

hexo server

成功打开并显示页面,即为成功。

中间略过部分步骤,你可以到官网中查看


第三步

接下来就是部署了。

记得在文件夹中新建一个「public」的文件夹

这里推荐使用Cloudflare搭配Github使用。

因为github pages服务免费版必须要设置库为「公开」才可使用,这样会让陌生人都能看见你的blog的所有文件。
github + cloudflare pages 能够在github的库设置为「私人」状态时也能有静态网页(类似github pages)的服务。

Cloudflare官网【注册网址】
Github官网
注:Github在部分地区可能需要使用加速器才能访问。

首先注册上述两个平台的账号。

接着,在Github上下载GitHub Desktop,安装完之后,登录github账号。

在GitHub Desktop界面单击左上角的模块「Current repository」,在弹出来的界面单击「Add」,在列表选择「Add existing repository」,选择你安装hexo文件后的文件夹路径。

它会提示你该文件夹需要「Create a repository」,点击

然后填写「Repository(库)」的信息,填完后点「Create repository」。

完成后,点击上传到github即可。

打开Cloudflare的控制面板,在左边找到「Worker and Pages」,点击。

右边,点击「构建应用程序」的蓝色按钮。

上方「Worker」和「Pages」选择中,选择「Pages」。

点击「连接git」。

跟着提示指引操作。

在「构建设置」中,「框架预设」为「None」,「构建命令」输入「npx hexo generate」,「构建输出目录」输入「public」,最后点击「部署」。

大功告成!


最后送点有用的网站:

  • Markdown官方教程
  • VScode官方下载地址
  • Watt Toolkit官方下载地址(一个可以加速连接GitHub的工具)

欢迎在下方评论留言。第一次写长篇blog如有不好之处望谅解
如果你要引用文章,请注明来源!

分享到 

 上一篇: 龙年快乐!

© 2024 Loosysple

Theme Typography by Makito

Proudly published with Hexo

萌ICP备20240155号 | 异次元之旅

关于