当前位置: 首页 > 网络应用技术

hexo+anisina+github建立个人博客

时间:2023-03-06 02:03:46 网络应用技术

  Hexo是基于Node.js.anisina的快速,简单,高效的博客框架,是一个六边形主题,简单,清晰,这就是为什么我选择此主题的原因。

  您可以参考Hexo的官方网站。相应的环境需要节点和git。我不会说更多。请参阅官方教程以完成HEXO安装;Anisina的安装也指官方教程。以下是关于Anisina的配置文件;

  打开_config.yml以修改:

  侧栏配置:

  在博客的根目录中输入源文件夹,然后创建一个文件夹以创建一个文件夹以将其命名为IMG或图像,只需快乐。图片,然后将文件夹的名称添加到IMG。当您使用图片时,只需 /img/xxx.jpg。可以获得此方法。

  创建标签导航页面:运行命令:HEXO新页面“标签”,该页面将在博客源中生成一个称为标签的文件夹。其中将有一个index.md页面。如果没有,请手动创建。然后打开YourBlog/源文件夹,查找标签/index.md的文件,然后将其设置为“两合一”,指定一个布局:tags value。注意键和值之间的空间然后运行该命令,重新生成博客内容:六边形清洁&& hexo g,然后您可以运行hexo s在本地查看效果。

  创建博客文章:

  在创建文章的头部添加以下配置:

  添加注释系统,首先,您需要注册,然后安装,选择免费版本,中间过程将被省略,最后到达以下接口:

  复制图片中的UID圆圈出现在您的_config.yml上以进行以下配置:

  搜索完成后,网站下的访问者数量,如何扩展访问者和文章的数量:

  这里使用没有大蒜提供的阅读统计功能:

  主题下的布局/_ partial/fover.ejs

  添加以下代码:

  这样,访问和访客的数量就完成了;

  让我们阅读以下文章的数量:主题下的布局/post.ejs

  搜索class =“标签文本中心”,并在以下位置配置:

  到目前为止,我不知道您的博客是否已经达到了您想要的效果。如果可以的话,让我谈谈部署!

  我在这里使用github。首先,您需要进入以下界面来创建仓库:

  下面要做的是配置;

  打开_config.yml修改以下配置:

  配置完成后,使用以下命令并部署到GitHub:

  当然,您也无法进行本地查看,并直接执行以下命令:

  此时将发生以下错误:

  需要安装己糖 - 脱离器git以执行以下命令

  再次推动:

  此时,分析您预先注册到GitHub的域名,您可以选择HTTPS。

  当您不需要以后不需要使用域名时,您只需要使用github默认域名即可删除cname文件并再次删除。如果您发现部署后无法访问,请清除浏览器的缓存。

  原始:https://juejin.cn/post/7100752564638973966