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靜態網絡。