Long Luo's Life Notes

leancloud_visitors:
  enable: true
  app_id: # <your app id> hdPFnwkCdbHRj5Q3OQk5vNJQ-gzGzoHsz
  app_key: # <your app key> p2mNUdDbqxrxOYMjs1xiS0zM 

# Another tool to show number of visitors to each article.
# Visit https://console.firebase.google.com/u/0/ to get apiKey and projectId.
# Visit https://firebase.google.com/docs/firestore/ to get more information about firestore.
firestore:
  enable: false
  collection: articles # Required, a string collection name to access firestore database
  apiKey:  # Required
  projectId:  # Required 

# Show Views / Visitors of the website / page with busuanzi.
# For more information: http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
  enable: true
  total_visitors: true
  total_visitors_icon: fa fa-user
  total_views: true
  total_views_icon: fa fa-eye
  post_views: false
  post_views_icon: fa fa-eye

如何读写阅读次数的？

这里以LeanCloud为例来说明阅读次数是如何读写的。首先打开网站首页，查看源代码：

<span class="post-meta-item-icon">
    <i class="far fa-eye"></i>
</span>
<span class="post-meta-item-text">阅读次数：</span>
<span class="leancloud-visitors-count"></span>

可以看出，阅读次数是通过leancloud-visitors-count这个class的值来显示的，搜索leancloud-visitors-count可以在网页的js代码中找到：

function leancloudSelector(url) {
  url = encodeURI(url);
  return document.getElementById(url).querySelector('.leancloud-visitors-count');
}

那么这段js代码在哪里呢？

阅读全文 »

使用Hugo搭建个人网站

发表于 2021-03-26 更新于 2025-05-02 分类于 Web Waline：阅读次数：本文字数： 3.1k 阅读时长 ≈ 3 分钟

By Long Luo

Hugo vs. Hexo

目前我的个人网站使用的是: Hexo + Next Theme ，这也是目前很多个人网站的配置。

Hugo 官网号称是最快的网站框架，构建速度快，因为我的文章数比较多，以后考虑切换成 Hugo，今天花了点时间来学习了下。

以下是学习过程：

Hugo使用指南

下载Hugo

因为是Windows 10系统，先去下载：https://github.com/gohugoio/hugo/releases

选择Windows版本，下载之后解压，解压可以得到 hugo.exe ，将 hugo.exe所在文件路径添加到Windows的Path变量中:

1 2	E:\Website>hugo version hugo v0.82.0-9D960784+extended windows/amd64 BuildDate=2021-03-21T17:28:04Z VendorInfo=gohugoio

创建站点项目

以我为例，假设要创建站点存放在 F:\Hugo\Website\ 目录中，在命令行中切换到该目录下执行：

1 2	E:\Website>hugo new site mywebsite Congratulations! Your new Hugo site is created in E:\Website\mywebsite.

出现上述信息，创建出了mywebsite站点项目，其文件列表如下：

2021/03/28  15:52    <DIR>          .
2021/03/28  15:52    <DIR>          ..
2021/03/28  15:51    <DIR>          archetypes
2021/03/28  16:09               103 config.toml
2021/03/28  16:12    <DIR>          content
2021/03/28  15:51    <DIR>          data
2021/03/28  15:51    <DIR>          layouts
2021/03/28  15:52    <DIR>          resources
2021/03/28  15:51    <DIR>          static
2021/03/28  16:08    <DIR>          themes

添加主题

有了文件之后，还无法构建网站，因为hugo默认是没有主题文件的。这里选取一个简洁的主题

1	git clone https://github.com/yihui/hugo-prose.git themes/prose

当前项目目录内打开 config.toml 配置文件，在最后添加一行 theme = "prose" ，即将这个网站设置为 prose 主题。

运行站点

在站点项目内执行命令 hugo server -D：

E:\Website\mywebsite>hugo server -D
Start building sites …

                   | EN
-------------------+-----
  Pages            | 10
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  4
  Processed images |  0
  Aliases          |  1
  Sitemaps         |  1
  Cleaned          |  0

Built in 30 ms
Watching for changes in E:\Website\mywebsite\{archetypes,content,data,layouts,static,themes}
Watching for config changes in E:\Website\mywebsite\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

然后在浏览器界面中输入：http://localhost:1313/

如果顺利打开之后，出现了Hugo网站界面，那说明安装好了！

不过这个时候还是没有内容的，因为我们还没有添加内容:-)

阅读全文 »

Big Ideas Simply Explained

DK English

DK Witness

一、 Math

1.1 PreCalculus

1.2 Calculus

1.3 Algebra

1.4 视频教程

二、 Physics

2.1 曹则贤先生讲座

2.2 中科院 学不分科 系列讲座

2.3 中国科学院《云里·悟理》系列物理微课【悟理学院】

如何显示阅读次数？