下面就来说一说我是如何完成整套blog的设置的吧。我自己就被网上不详细的教程坑过无数次了……
Hexo的官网上的官方教程
建议与官方教程搭配食用
安装Hexo到电脑上
第一步
安装完成之后,打开cmd或者powershell。输入下面代码:
注意:「$」符号不用输入!
$ npm install -g hexo-cli
第二步
在资源管理器中,右键-在cmd(部分电脑显示的是「PowerShell」或者是「终端」)中打开
在cmd或者PowerShell中,逐步输入以下指令:
其中的「folder」输入的是你想要建立文件夹的名称
1 | hexo init <folder> |
建立完成后你可以看到文件夹里有很多文件了,这些就是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」,最后点击「部署」。
大功告成!
最后送点有用的网站:
欢迎在下方评论留言。第一次写长篇blog如有不好之处望谅解
如果你要引用文章,请注明来源!