建立Hexo博客-1

注:我并非专业程序员,年龄13岁,码龄一岁多,才疏学浅、学业不精,如有错误还请大佬指教!😃 希望能通过本专栏帮助到一些想要部署Hexo的童鞋!!

嘿,同学们,大佬们,我又回来了!说的跟重大新闻似的 好啦,言归正传!我们来搞一搞Hexo以及它的bug
来自CSDN的质问

GitHub还有Vercel部署

在部署Hexo方面,我建议你使用Vercel,因为它完全是傻瓜式的,也就是说,几乎不用输入任何内容,更别说代码了。当然,Cloudflare Pages、Netlify等更稳定,我会在附录中注明其部署操作过程。
好吧,首先去注册它吧。注册很简单,拿GitHub登录然后批准Vercel这个第三方应用就可以了。如果你还不曾知道GitHub是什么,请前往这篇文章学习相关内容。
用GitHub登录Vercel

然后我们就会来到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部署操作类似。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值