Skip to content
0

hugo-theme-diaspora-master

1、hugo-theme-diaspora-master主题【荐】

1.最新预览效果

2.主题使用方法

1.已经安装好hugo博客

具体如何安装hugo博客,请看上面第2节内容!

image-20220505200242197

2.下载diaspora主题
  • 下载diaspora主题

来到diaspora主题github地址:

https://github.com/honjun/hugo-theme-diaspora

image-20220505200456273

来到自己的hugo博客根目录下,执行git clone操作:

image-20220505201528084

bash
hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ pwd
/d/hugoblog

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ ls
 archetypes/                                    content/   package.json   static/
'config - '$'\345\211\257\346\234\254''.toml'   data/      public/        themes/
 config.toml                                    layouts/   resources/
 hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog

#注意:这里直接将diaspora主题克隆到了themes目录下了
$ git clone git@github.com:honjun/hugo-theme-diaspora.git themes/diaspora
Cloning into 'themes/diaspora'...
remote: Enumerating objects: 254, done.
remote: Total 254 (delta 0), reused 0 (delta 0), pack-reused 254
Receiving objects: 100% (254/254), 6.16 MiB | 472.00 KiB/s, done.
Resolving deltas: 100% (128/128), done.

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ ls themes/diaspora/
LICENSE       README.md    exampleSite/  layouts/  theme.toml
README-zh.md  archetypes/  images/       static/
3.修改配置

image-20220505201544087

themes\diaspora\exampleSite目录里的内容拷贝到自己的hugo博客根目录下即可:

image-20220505201632563

image-20220505201655777

4.验证

打开一个终端,来到hugo博客根目录,运行hugo命令,验证即可:

bash
$ hugo server

image-20220505201849353

在自己浏览器里打开如下地址,测试:

image-20220505201933918

哈哈,效果是不是已经出来了。😘

3.优点

4.缺点

👎🏼 最大bug:怎么有的文章,构建不成功呢,无语-2022.5.10😥

例如这个文章:

image-20220510115602510

image-20220510115616535

本地构建:

image-20220510115652649

早晨测试,还是一致构建不了,这次测试直接就显示不了了:。。。

决定放弃,转用hexo额!!!

image-20220510115852090

👎🏼 最大问题:文章没有页面目录-2022.5.8

pc或手机端都没有文章页面目录!!!😥

默认,博客文章没目录,这个很不合理,长一点的文章,阅读起来的话,体验极差!!!

image-20220508222223775

👎🏼 最大问题:文章图片不能双击放大查看-2022.5.8

这个也是一个奇葩的bug……😥

image-20220508222345677

👎🏼 问题:页面选项最好能够直观些,而不是放在一个按钮里,并且要有颜色和数字标识!-2022.5.8

image-20220508222442274

image-20220508222428723

👎🏼 怎么每次打开都是这篇文章呢-2022.5.9😥

image-20220509214613211

👎🏼 打开速度会比较慢

pc/手机端打开会比较慢,第一次要下载好久,后面打开会快些!

这个在github pages上托管的站点,可以使用阿里云的全栈加速功吗?

image-20220507212308959

🍀 调研产品

image-20220507212532815

shift...先搁置吧!!!😥

image-20220507220321908

👎🏼 如何再新增一个页面呢?-2022.5.9

相册

小视频

录音

image-20220509215443573

👎🏼 这个首页log如何替换呢?-2022.5.9

image-20220509215437386

👎🏼 页面如何添加一个动漫小姐姐呢?-2022.5.9
👎🏼 如何为首页添加轮询的背景图片呢?-2022.5.9

5.配置方法

📍 特别注意:本地要想看到新生成的标签/分类的预览效果,要重新执行下hugo server才行,否则界面不会生成新的标签/分类-2022.5.10(已解决)
📍 如何修改站点名称(已解决)-2022.5.4
  • 修改方法
bash
title = "Onlyyou"

image-20220504125942902

  • 效果

image-20220509220037545

最近更新