本文主要介紹Hexo博客搭建以及主題使用。Hexo是一款很好用的博客系統，有很多非常漂亮的主題，下面筆者介紹一款簡潔漂亮的主題——Hexo-Theme-snail。這款主題是筆者在別人的主題的基礎上開發的，主題的詳細樣式請瀏覽筆者的個人博客 super snail。下面是主題的 README 文件，這是筆者直接復制的，詳細的使用方法請點擊 hexo-theme-snail 查看。

hexo-theme-snail

View Hexo-Theme-Snail Sources On Github ?

Light Theme

Dark Theme

Star Theme

Hexo-theme-snail is a succinct hexo theme. It has two colors, light and star, that can be set according to your own preferences in the settings, and also has the functions of sharing and commenting. More features are under development.

Features

• light color theme and star theme
• diversified comment system
• notice tips
• share to other platforms (under development)
• picture sharing (under development)

Quick Start

Install Hexo

$ npm install hexo-cli -g

Setup your blog

$ hexo init blog

Installation Theme

$ cd blog $ rm -rf source $ rm _config.yml package.json README.md LICENSE $ git clone https://github.com/dusign/hexo-theme-snail.git $ mv ./hexo-theme-snail/snail ./themes $ mv ./hexo-theme-snail/* ./ $ npm install

Set Theme

Modify the value of theme: in _config.yml

# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: snail

Start the Server

$ hexo generate $ hexo server

Configuration

Site

Replace the following information with your own.

# Site title: subtitle: At the bottom of the well, it is destined to see only the sky at the wellhead. However, the starting point only affects the process of reaching your peak and does not determine the height you reach. author: Dusign language: en timezone:

Site Settings

Put customized pictures in img directory.

# Site settings SEOTitle: Hexo-theme-snail email: hexo-theme-snail@mail.com description: "A hexo theme" keyword: "dusign, hexo-theme-snail" header-img: img/header_img/home-bg-1-dark.jpg signature: true #show signature signature-img: img/signature/Just-do-it-white.png

SNS Settings

If you don’t want to display it, you can delete it directly.

# SNS settings github_username: dusign twitter_username: dusignr facebook_username: Gang Du zhihu_username: dusignr

Sidebar Settings

# Sidebar Settings sidebar: true # whether or not using Sidebar. sidebar-about-description: "Welcome to visit, I'm Dusign!" sidebar-avatar: img/ironman-draw.png # use absolute URL, seeing it's used in both `/` and `/about/` widgets: - featured-tags - short-about - recent-posts - friends-blog - archive - category# widget behavior ## Archive archive_type: 'monthly' show_count: true## Featured Tags featured-tags: true # whether or not using Feature-Tags featured-condition-size: 1 # A tag will be featured if the size of it is more than this condition value## Friends friends: [{title: "Dusign's Blog",href: "https://blog.csdn.net/d_Nail"},{title: "Dusign's Web",href: "#"},{title: "Dusign's Github",href: "https://github.com/dusign"},{title: "Other",href: "#"} ]

Theme

# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: snail

Deployment

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitrepo:github: github.repository.addresscoding: coding.repository.addressbranch: master

Comment

See httpymls://github.com/imsun/gitment for detailed configuration method.

# Comment ## This comment system is gitment ## gitment url: https://github.com/imsun/gitment comment:enable: falseowner:repo:client_id:client_secret:

Tip

# Tip tip:enable: truecontent: 歡迎訪問 <a href="https://www.dusign.net" target="dusign">dusign</a> 的博客，若有問題或者有好的建議歡迎留言，筆者看到之后會及時回復。評論點贊需要github賬號登錄，如果沒有賬號的話請點擊 <a href="https://github.com" target="view_window" > github </a> 注冊， 謝謝 !

Color Sheme

Set the enable value of the desired color sheme to true. If the value of bg_effects.star.enable is true, please modify the value of highlight_theme in ./themes/snail/_config.yml to night.

# Color Sheme ## If there is no effect after modification, please empty the cache and try again. ## ?? The following special effects will take up a lot of cpu resorces, please open it carefully. bg_effects:enable: trueline:enable: falsecolor: 129,200,61pointColor: 129,200,61opacity: 0.7zIndex: -9count: 99mouse_click:enable: truecontent: '"🌱","just do it","🌾","🍀","don''t give up","🍂","🌻","try it again","🍃","never say die","🌵","🌿","🌴"'color: '"rgb(121,93,179)","rgb(76,180,231)","rgb(184,90,154)","rgb(157,211,250)","rgb(255,0,0)","rgb(242,153,29)","rgb(23,204,16)","rgb(222,0,0)","rgb(22,36,92)","rgb(127,24,116)","rgb(119,195,79)","rgb(4,77,34)","rgb(122,2,60)"'star:enable: true

原博客地址為 https://www.dusign.net/2019/11/01/Hexo-Theme-Snail/ ，訪問 https://www.dusign.net 查看更多內容

總結

以上是生活随笔為你收集整理的Hexo博客搭建以及主题使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。