当前位置: 首页 > Web前端 > HTML

我用hexo搭建了我的在线博客

时间:2023-04-02 16:24:51 HTML

前言看到很多人的博客下面都打着hexo的标志,我想知道他们怎么会有这么漂亮又简单的在线博客?抱着这种心态去google了一下,发现有基于node.js的hexo开发组件。然后就按照官方文档研究了一下。记录下开发过程首先必须安装一个hexo-cli命令行工具npminstallhexo-cli-g使用官方资料$hexoinitblog$cdblog$npminstall$hexos按照提示打开https://127.0.0.1:4000可以显示一个原始的博客页面。这个页面只有首页和存档页,但是我很喜欢这种风格。选择主题https://hexo.io/themes/官方文档提供了很多主题,我们可以使用git添加到我们的项目中。我这里选择了minos主题,这个主题的主要看点是页面。看起来很清爽,但有些人可能不喜欢。第一种颜色比较简单,主色调是黑色。下载到自己项目的主题文件夹下$gitclonehttps://github.com/ppoffice/hexo-theme-minos.gitthemes/minos$cdthemes/minos$gitpull修改_config.yml改这个文件改themeofthemetotheme:minos将minos主题下的_source全部复制到source文件夹下的主目录下,运行hexostogithub.io首先创建一个[yourgithubname].github.io,将blog中的内容全部复制将public目录下的文件复制到项目仓库,访问[yourgithubname].github.io。你完成了。你的hexo博客已经搭建好了。项目实施后的截图。首页档案页分类页标签页如果你有简历,如果你想招聘,可以给我一个面试的机会。如果你对谁感兴趣,也可以给我一个star。如果你也想建这样的博客,我们也可以聊聊~吹牛~