hugo-theme-stack setting for github

简介: hugo-theme-stack setting for github

environment

To install Hugo on Kali Linux 2023.1, there are a few options available, depending on your preference. Here are two methods:
  • Method 1: Install using the APT package manager. Open a terminal and run the following command:

download hugo

# kali/debian
sudo apt install hugo
hugo version # 查看版本
# yum
sudo yum install hugo -y
# arch
sudo pacman -S hugo
# 选择主题进行下载  也可手动下载
git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack

download git

# kali自带 预装
# yum/redhat系
sudo yum install git
# arch
sudo pacman -Syu git
# debian
sudo pacman -Syu git

安装Hugo

https://gohugo.io/getting-started/installing/#less-technical-users

安装Git

winget install Git.Git

建站

1 log in or sign in

github

2 在github账户中创建一个项目 名为 你的Github用户名.github.io

  • 这是存放生成出来的网站文件的地方

3在本地搭建网站

hugo new site  test  # 你的网站的根目录名
cd test/theme
git clone # 你的主题的GitHub网址.git  # wait a long time!
  • 到了这一步 甚至可以直接依照官方文档进行配置
    Stack的文档
  • 不建议本地+域名的方式进行搭建网站 这将会带来可怕的后果 逃(
  • 建议使用静态网站托管

stack网站目录结构(便于寻找你需要的文件)

├── archetypes                  
│   └── default.md
├── config.yaml                 # 网站配置文件
├── content                     # 站点内的内容都在这里
│   ├── categories              # “分类”页面的首页
│   │   └── Test                # “分类”页面下的一个分类页面
│   ├── page                    # 显示在网站主页左侧边栏菜单的选项
│   │   ├── about               # 左侧边栏菜单中的“关于”页面
│   │   ├── archives            # 左侧边栏菜单中的“归档”页面
│   │   ├── links               # 左侧边栏菜单中的“链接”页面
│   │   └── search              # 左侧边栏菜单中的“搜索”页面
│   └── post                    # 用户写的帖子都放在这里,每个子文件夹对应一个帖子
│       ├── chinese-test
│       ├── emoji-support
│       ├── markdown-syntax
│       ├── math-typesetting
│       ├── placeholder-text
│       └── rich-content
├── data
├── layouts
├── LICENSE
├── README.md
├── resources
│   └── _gen
│       ├── assets
│       └── images
├── static                     # 放用户自定义字体、用户头像、网站小图标等
└── themes                     # 放各种主题
    └── hugo-theme-stack       # stack主题
        ├── archetypes
        ├── assets
        ├── config.yaml
        ├── data
        ├── debug.sh
        ├── exampleSite
        ├── go.mod
        ├── i18n
        ├── images
        ├── layouts
        ├── LICENSE
        ├── netlify.toml
        ├── README.md
        └── theme.toml

配置

bug

  • 把你的网站名/themes/hugo-theme-stack/exampleSite/目录下的config.yaml复制到网站根目录(也就是你的网站名这个目录)
  • 删除网站根目录的config.toml
  • 然后打开网站根目录下的config.yaml进行填空
  • 博主头像放在/themes/hugo-theme-stack/assets/img/下 关于那个头像下的emoji,如果你不想加上,emoji那一行留空就好
目录
相关文章
|
4月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
6月前
|
Web App开发
【无标题】推荐一个非常好用的GitHub插件
【无标题】推荐一个非常好用的GitHub插件
53 0
|
Java 持续交付 开发工具
我明白了,github中的actions与pages
github的actions是一个持续集成的工具,类似java的jekins,actions中需要编写流水线脚本,脚本并不难,只是环境的熟悉。github pages 是一个静态网站服务,只要你按照特定规则在指定的仓库或者分支上存放html代码,就可以通过特定规则的url去访问到该静态页面网站,很方便。
288 0
我明白了,github中的actions与pages
|
开发工具 git Ruby
|
Android开发
[√]addr2line vscode插件
[√]addr2line vscode插件
104 0
gitbook 发布 github pages
gitbook 发布 github pages
gitbook 发布 github pages
|
Java 数据安全/隐私保护
一款实用的 GitHub Actions 小工具:Gitee Pages Actions
使用 GitHub Pages 时,每当项目有更新,GitHub 会自动帮我们重新部署 GitHub Pages。对于国内的 Gitee Pages,一般情况下无法自动部署,除非我们开通 Gitee Pages Pro 功能。而 Pro 功能的开通,需要满足以下其中一个条件
345 0
一款实用的 GitHub Actions 小工具:Gitee Pages Actions
|
前端开发 开发工具 git
react项目实战学习笔记-学习11-warning: adding embedded git repository:xxxxxxxxxxhint: You‘ve added another git
react项目实战学习笔记-学习11-warning: adding embedded git repository:xxxxxxxxxxhint: You‘ve added another git
146 0
|
JavaScript
vue cli3.0创项目报错‘This may cause things to work incorrectly. Make sure to use the same version for b’
vue cli3.0创项目报错‘This may cause things to work incorrectly. Make sure to use the same version for b’
vue cli3.0创项目报错‘This may cause things to work incorrectly. Make sure to use the same version for b’

热门文章

最新文章