Giter Club home page Giter Club logo

hexo-theme-huweihuang's Introduction

Ported Theme of Hux Blog, Thank Huxpro for designing such a flawless theme.

This HuWeihuang theme created by HuWeihuang modified from the original Porter YuHsuan.

This theme has been published to the hexo theme list.

Live Demo

Hu Weihuang Blog : www.huweihuang.com

Theme_HuWeihuang

Copyright Notice

You can free to use this theme, but you need to keep the following copyright notice on the website.

Install Hexo

Install Node.js and Git

#For Mac
brew install node
brew install git

Install hexo

npm install hexo-cli -g

#For more:https://hexo.io/zh-cn/index.html

Theme Usage

Init

git clone https://github.com/huweihuang/hexo-theme-huweihuang.git ./hexo-huweihuang
cd hexo-huweihuang
npm install

Modify

Modify _config.yml file with your own info. Especially the section:

Deployment

Replace to your own repo!

deploy:
  type: git
  repo: https://github.com/<yourAccount>/<repo>
  branch: <your-branch>

Sidebar settings

Copy your avatar image to <root>/img/ and modify the _config.yml:

sidebar: true    # whether or not using Sidebar.
sidebar-about-description: "<your description>"
sidebar-avatar: img/<your avatar path>

and activate your personal widget you like

widgets:         # here are widget you can use, you can comment out
- featured-tags
- short-about
- recent-posts
- friends-blog
- archive
- category

if you want to add sidebar widget, please add at layout/_widget.

Signature Setup

Copy your signature image to <root>/img/signature and modify the _config.yml:

signature: true   # show signature
signature-img: img/signature/<your-signature-ID>

Go to top icon Setup

My icon is using iron man, you can change to your own icon at css/image.

Post tag

You can decide to show post tags or not.

home_posts_tag: true

tag

Markdown render

My markdown render engine plugin is hexo-renderer-markdown-it.

# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true
    xhtmlOut: false
    breaks: true
    linkify: true
    typographer: true
    quotes: '“”‘’'

and if you want to change the header anchor 'ℬ', you can go to layout/post.ejs to change it.

async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){
        anchors.options = {
          visible: 'hover',
          placement: 'left',
          icon:  // this is the header anchor "unicode" icon
        };

Hexo Basics

Some hexo command:

hexo new post "<post name>" # you can change post to another layout if you want
hexo clean && hexo generate # generate the static file
hexo server # run hexo in local environment
hexo deploy # hexo will push the static files automatically into the specific branch(gh-pages) of your repo!

Have fun ^_^

Please Star this Project if you like it! Follow would also be appreciated! Peace!

hexo-theme-huweihuang's People

Contributors

huweihuang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hexo-theme-huweihuang's Issues

如何将文章的 TOC 设置为靠在页面左侧

很喜欢你的主题, 我自己操作了一下, 目前没有发现什么 bug, 但是有一些小功能希望按照自己的想法实现下:

  1. 如何设置文章的 TOC 靠在屏幕左侧?
  2. 如何实现不同的分类和标签进入一个单独的页面, 而不是点击一个标签进入了包含所有标签的页面.

希望作者回答一下, 表示感谢!

PR提交建议和规范

  • 鼓励大家共同提PR,包括bug fix 和feature。
  • 建议一个PR只包含一个bug fix 或feature,方便单独review和merge。
  • 如果有代码review的回复,建议一起讨论和修改,尽量可以被merge掉而非本人在此基础上修改。

how to change font color?

nice theme. how to change from white to black? I have some light background, white text is bouncing off it..

来必力评论加载过慢

由于国内的网络环境,导致来必力的评论插件加载过慢,期待有合适的解决方案。目前好用的评论插件既可以支持国内社交软件和国外社交软件评论的不多。

Cannot find module './db.json'

大家都没遇到这个错吗?

C:\Users\XiaFei\Desktop\blog\hexo-huweihuang>hexo clean
(node:13996) [DEP0061] DeprecationWarning: fs.SyncWriteStream is deprecated.
ERROR Plugin load failed: hexo-server
Error: Cannot find module './db.json'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
    at Function.Module._load (internal/modules/cjs/loader.js:506:25)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\XiaFei\Desktop\blog\hexo-huweihuang\node_modules\mime-db\index.js:11:18)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\XiaFei\Desktop\blog\hexo-huweihuang\node_modules\mime-types\index.js:15:10)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\XiaFei\Desktop\blog\hexo-huweihuang\node_modules\accepts\index.js:16:12)
    at Module._compile (internal/modules/cjs/loader.js:688:30)

推荐使用toc函数锚点 更准确

  1. 删除package.json内hexo-toc信息
  2. 在config.yml内如下添加anchors信息启动toc函数
markdown:
  render:
    html: true
    xhtmlOut: false
    breaks: true
    linkify: true
    typographer: true
    quotes: '“”‘’'
  anchors:
    level: 1
    permalinkSymbol: '' 

可解决用hexo-toc插件中文定位出现undefined问题``

cname issue

The page build completed successfully, but returned the following warning for the master branch: The CNAME is already taken

how to resolve?

欢迎大家提交各种功能及bug修复的PR

目前该主题的功能还不及Next主题功能丰富,但是主题风格上还是比较喜欢的,也欢迎大家可以提交各种功能及bug修复的PR,或者添加issue说明期望的功能。
希望该主题可以在风格上和功能上都满足大家的需求,谢谢!

怎么修改代码块的背景色?

如题,想要自己定制一下样式,例如:代码块的颜色改成灰色,而不是黑色,还有其他一些样式的定制,怎么改呢?

Make this repo more pure

Maybe, this hexo-theme repo could be more pure.
You can remove some useless code in remote repo, such as node_modules. It's too large to download.
In my point of view, the only folder need exist in this repo is 'themes'.
Think you.

上下滑动不顺畅

如题,阅读文章的时候,上下滑动滚动条会出现 bug,上下滑动时会划不动,右侧滚动条位置不对。有人遇到过吗?

hexo g没有生产css文件

您好:使用这个theme的时候,hexo g没有生成任何css文件,hexo s的时候样式错乱。换其他的theme就可以了,请问有办法解决吗?十分感谢

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.