注:我并非专业程序员,年龄13岁,码龄一岁多,才疏学浅、学业不精,如有错误还请大佬指教!😃 希望能通过本专栏帮助到一些想要部署Hexo的童鞋!!
嘿,同学们,大佬们,我又回来了!说的跟重大新闻似的 好啦,言归正传!我们来搞一搞Hexo以及它的bug。
本文目录
GitHub还有Vercel部署
在部署Hexo方面,我建议你使用Vercel,因为它完全是傻瓜式的,也就是说,几乎不用输入任何内容,更别说代码了。当然,Cloudflare Pages、Netlify等更稳定,我会在附录中注明其部署操作过程。
好吧,首先去注册它吧。注册很简单,拿GitHub登录然后批准Vercel这个第三方应用就可以了。如果你还不曾知道GitHub是什么,请前往这篇文章学习相关内容。
然后我们就会来到Vercel的仪表板。它会让你设置一些内容,按照真实情况填写即可。接下来,点击“New Project”,在“Clone Templates”标题下,点击“Browse All Templates→”,点击“Hexo”,在“Create Git Repository”标题下,点选GitHub,然后可以修改承载着Hexo的仓库的名称(当然不改也行),下面的单选框是在问你要不要对外隐藏该仓库。请注意,即使隐藏,也只是他人不可见,你和Vercel皆可见并编辑该仓库。然后点击“Create”,它可能要求你新建Team,也就是组织,不必管它😂。然后,它就会自动启动一系列操作,开始部署!等待约1分钟就大功告成了!
Hexo各目录、文件详解
这些是Hexo仓库的目录和文件。注:第一个目录“.github”非必要,也不是默认自动生成的目录之一。
scaffolds
这个文件夹里面有着你通过hexo new
指令新建的内容的模板。目前我这里有:
- draft.md
- page.md
- post.md
source
一般地,Hexo会把里面的内容部署在网页上。但它不会单纯地把HTML文件部署!还会加上博客主题的一些相关样式css等内容。当然,robots.txt也应当放在这里。
特殊地,它下的_posts子目录中含有博客文章源Markdown文件,Hexo会把它们转换为HTML再部署。
themes
这里面存储着Hexo博客的主题文件。值得注意的是,我这里直接变成了themes/nexmoe
,是因为在themes下我只放了nexmoe一个子文件夹,里面存储着nexmoe这一主题。当然你也可以自选其它主题,这个之后详述。
_config.yml
这算是独立文件中最重要的一个。它是Hexo的设置文件,里面存储着你对Hexo的设置。包括网站名称、链接等。
附录
Cloudflare Pages部署
首先,你需要注册一个Cloudflare账户,注册方法不再赘述。接着,前往Cloudflare Pages,并登录。然后,点击“Create a project”。然后点击“添加账户”,并登录你的GitHub账户。接着,选择一个已有的仓库以存储Hexo博客相关内容。点击“开始设置”。框架选择“None”(因为Cloudflare Pages目前不提供Hexo模板)构建命令为hexo generate
,构建输出目录为public
。其它留空或者保持默认。然后它就会自动部署好。Netlify部署操作类似。