搭建博客 ( freenom + github + netlify / cloudflare + hugo ( extended version ) )

  1. 安装go、hugo ( extended version )

  2. freenom 申请域名

  3. github 帐户登录 netlify

  4. 选择主题，如 Academic

    打开 Install Academic with Netlify，点击 connect to github，键入博客仓库名，点击 Domain Settings，添加域名

    1566526203969

  5. 初始化主题

    在博客根目录下 git submodule update --init --recursive

  6. 配置 Nameservers

    打开 freenom，依次点击 Services - My Domains - Manage Domains - Management Tools - Nameservers，按以下填入（如果不使用 Netlify，而用 Cloudflare 的话，按照后者提供的信息来填写）:

    • dns1.p05.nsone.net
    • dns2.p05.nsone.net
    • dns3.p05.nsone.net
    • dns4.p05.nsone.net
    • dns5.p05.nsone.net

  7. 创建第一篇博客

    本地博客根目录下打开 cmd, 键入 hugo new post/FirstBlog.md , 在生成的 hugo_blog\academic-kickstart\content\post\FirstBlog.md 中编写 blog

  8. 修改根目录下 netlify.toml 的 HUGO_VERSION ( 否则netlify无法自动 deploy )

  9. 将项目上传至 github,可使用两种方式:

    • 命令行
    • GUI

  10. 在 netlify 中查看 deploy status

    • 若为 published,则可以通过域名访问
    • 若为 failed,则需要检查 deploy log

ps:

  1. windows 下推荐使用 cmder 替代 cmd

  2. 可在 readme 中添加查看netlify ( 位置: settings/general#status-badges )的 deploy stastus 的代码

faq:

  1. 为什么发布环境的 blog 数量少于生产环境的blog数量？

    这可能是因为发布环境不会显示 draft 为 true 的 blog

ref:

  1. https://www.youtube.com/watch?v=z4HyaQryLCw
  2. https://sourcethemes.com/academic/docs/install/
  3. https://github.com/gcushen/hugo-academic
  4. https://gohugo.io/commands/hugo_server/
  5. https://sourcethemes.com/academic/docs/managing-content/
  6. https://skyao.io/learning-hugo/installation/quickstart.html ( 主题好看, 但是没有跑成功, 以后再折腾 )

Flag Counter

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。