hugo theme charlolamode

charlola.mode

该网站主题基于雨果框架。这是模板Papermod和Hugo Paper的修改。最少的设计和最基本的功能非常易于使用。

查看我的网站以查看类似的示例：www.cmart1n.com

链接到雨果主题：https：//themes.gohugo.io/themes/hugo-theme-charlolamode/。

特征

1. 使用...自定义您的主页

   • 页面标题
   • 你的名字
   • 描述
   • 社会图标
   • 按钮

2. 更改所有元素的颜色，例如背景，文本，图标...

3. 如果单击标签，您将看到帖子列表。

   • 可以用图像可视化帖子
   • 帖子可以导致外部链接

快速开始

1. 安装雨果
2. 安装git

打开终端或命令行

1. 创建一个新的文件夹“ Quickstart”

 hugo new site quickstart

2. 进入这个文件夹

 cd quickstart

3. 在当前目录中初始化一个空的git存储库

 git init

4. 克隆这个存储库到您的文件夹中

 git submodule add https://github.com/charlola/hugo-theme-charlolamode.git themes/charlolamode

5. 删除config.toml

 rm config.toml

6. 在新的config.yml文件中添加主题

 echo "theme: charlolamode" >> config.yml

7. 启动Hugo的开发服务器以本地查看该站点。

 hugo server

本地服务器启动后，您可以看到您的网站。如果您的WebBrowser不会自动弹出，请打开浏览器并输入http：// localhost：1313。现在，您可以开始在目录中修改此页面。如果保存新的更改，则本网站将自动刷新并进行修改。

打开视觉工作室代码来编辑您的博客

3. 打开您喜欢的编辑器，例如Visual Studio代码

基本配置

config.yml是您最好的朋友。您可以修改并添加信息，例如...

• 页面标题
• 你的名字
• 描述
• 社会图标
• 按钮

看看charlolamode/config.yml以供参考。有评论的示例，向您展示了如何轻松添加标签和社交图标，例如LinkedIn，Twitter，YouTube，Instagram。复制config.yml中的内容，该内容将覆盖主题的config.yml。

更改配置文件图像

要添加您的个人资料图片，请在文件夹静态/图像中替换配置文件。确保您拍摄带有快乐的脸的图像:)

添加选项卡

在config.yml中，您可以在“文章”和“联系人”旁边添加新标签。删除“类别”以检查出来。

请注意，如果在config.yml中添加一个新选项卡，则必须执行以下操作：

1. 在目录“内容”中添加新文件夹，并具有与新标签相同的名称。
2. 将文章复制到新文件夹中。

添加新内容

如果您想推开新内容，请在新文件夹中创建一个新的Markdown文件。在Content/crats/acrats.md中找到一个示例。

更改颜色

看看资产/css/core/tremy-vars.css可以播放颜色。

禁用“配置文件模式”

要在主页上显示文章内容，而不是个人资料信息，请在参数下设置以下内容：in Config.yml

 profileMode: 
    enabled: false

随着文章的内容移至主页，可能需要删除文章的主菜单条目：

 menu:
    main:
        - name: Contact
          url: contact/
          weight: 30
        # - name: Articles
        #   url: articles/
        #   weight: 20
        - name: Projects
          url: projects
          weight: 15

谢谢你！

我花了自己的时间来建立这个，这是完全免费的。如果此模板节省了您的时间，请随时用咖啡捐赠来支持此页面:)

我想获得反馈，通过LinkedIn发送消息！

在线网站

要在线推动您的网站，请使用Azure静态网或NetFlify。我使用Azure静态网络。