个人博客快速搭建

• 此博客直接部署与github上,直接通过以下项目模板创建.
  Meekdai/Gmeek: Gmeek is a Blog All in Github

配置文件

• 配置config.json文件

  {
  "title":"Meekdai",  // 博客名
  "subTitle":"童话是一种生活态度，仅此而已。", // 博客描述
  "avatarUrl":"https://github.githubassets.com/favicons/favicon.svg", // 头像
  "startSite":"08/17/2024", // 博客运行时长
  
  // 增加右上角按钮
  // 站内链接
  "singlePage":["about"], //使用方法:增加标签为about,并为文章设置标签
  // 站外链接,例如增添一个关于按钮
  "iconList":{"关于":"此处填写按钮的svg信息"}, // 定义图标svg
  "exlink":{"关于":"跳转链接"}, // 定义外部链接地址
  // "about"和"link"内置了svg图标信息,无需定义"iconList"
  
  // 插件
  // Vercount网页计数器
  "allHead":"<script src='https://blog.meekdai.com/Gmeek/plugins/GmeekVercount.js'></script>",
  // Top目录
  "script":"<script src='https://code.buxiantang.top/assets/articletoc.js'></script>",
  
  "needComment":1, //1 开启评论 0 关闭评论 (开启评论需要配置utterances)
  "GMEEK_VERSION":"last" // 版本号,无需修改
  }

  • 使用iconList自定义SVG图标必须是16px大小的，建议使用github的Octicons图标
    Octicons图标链接：https://primer.style/foundations/icons/#16px
  • 需开启评论请配置utterances
  • 更多配置请移步: Gmeek - Meekdai

文章书写

• 强调关键信息使用

> [!NOTE]
> Useful information that users should know, even when skimming content.

> [!TIP]
> Helpful advice for doing things better or more easily.

> [!IMPORTANT]
> Key information users need to know to achieve their goal.

> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.

> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.

效果

• 文章中插入HTML标签
  【Gmeek进阶】文章插入html标签 (meekdai.com)

  直接显示图片
  <img src="https://picsum.photos/200">
  

  

  HTML格式自定义大小显示图像

  // align=center 居中 left 居左
  <a href="https://imgse.com/i/pkkvTNn"><div align=center><img src="https://s21.ax1x.com/2024/05/03/pkkvTNn.jpg" alt="pkkvTNn.jpg" border="0" width="50%"/></div></a>
  

  

鸣谢

Meekdai