用blogdown和gitalk搭建个人网站

更新于2021年12月：

Netlify由于某些原因，已经无法登陆，文章无法更新，目前使用github pages 部署网站。

参考：

文件结构参考R Markdown: The Definitive Guide 10.5
发布参考R Markdown Cookbook 7.13.2

本静态网站主要是使用R包blogdown+hugo+netlify+github搭建的，网站的评论功能使用gitalk。

只需要熟悉R，注册有github账号，对自己有充分的信心，勇于试错即可。

blogdown已经把hugo功能包含在内，netlify可以直接使用github账号登陆，然后进行一些参数设置。

参照统计之都的文章搭建网站；
按照上面文章操作后，出现错误信息Site deploy failed，Error running command: Build script returned non-zero exit code: 255，要在netlify的Advanced Build Settings 里面改，key那里填写HUGO_VERSION，version那里写你hugo的版本，比如我是0.42.2。获得hugo版本号，需要运行下面R代码

library(blogdown)
hugo_version()

添加网站的评论功能。参考gitalk的官方介绍和网友的搭建介绍。具体的做法很简单，添加下面的代码到文件中，以我的目录为例”/themes/hugo-lithium/layouts/_default/single.html”

  <!-- Link Gitalk 的支持文件  -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
  <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<div id="gitalk-container"></div>     
<script type="text/javascript">
    const gitalk = new Gitalk({
    // gitalk的主要参数
        clientID: 'Github Application clientID',
        clientSecret: 'Github Application clientSecret',
        repo: 'github仓库名',
        owner: 'github用户名',
        admin: ['github用户名'],
        id:window.location.pathname,// Ensure uniqueness and length less than 50
    distractionFreeMode: true  // Facebook-like distraction free mode
    
    });
    gitalk.render('gitalk-container');
</script> 
<!-- Gitalk end -->

搭建完成！

用blogdown和gitalk搭建个人网站

2019-03-07