Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lcl-101/hexo_blog
hexo_blog
https://github.com/lcl-101/hexo_blog
Last synced: 6 days ago
JSON representation
hexo_blog
- Host: GitHub
- URL: https://github.com/lcl-101/hexo_blog
- Owner: lcl-101
- License: apache-2.0
- Created: 2019-03-23T08:44:02.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-04-17T04:57:18.000Z (over 1 year ago)
- Last Synced: 2024-11-09T14:25:25.482Z (2 months ago)
- Language: JavaScript
- Size: 27.5 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> Ported Theme of [Hux Blog](https://github.com/Huxpro/huxpro.github.io), Thank [Huxpro](https://github.com/Huxpro) for designing such a flawless theme.
>
> This BeanTech theme created by [YuHsuan](http://beantech.org) modified from the original Porter [Kaijun](http://kaijun.rocks/hexo-theme-huxblog/)# [Live Demo](http://beantech.org)
![BeanTech Desktop](http://beantech.org/img/beantech-desktop.png)# Usage
I publish the whole project for your convenience, so you can just follow the instruction down below, then you can easily customiz your own blog!Let's begin!!!
## Init
```bash
git clone https://github.com/YenYuHsuan/hexo-theme-beantech.git ./hexo-beantech
cd hexo-beantech
npm install
```## Modify
Modify `_config.yml` file with your own info.
Especially the section:
### Deployment
Replace to your own repo!
```yml
deploy:
type: git
repo: https://github.com//
branch:
```### Sidebar settings
Copy your avatar image to `/img/` and modify the `_config.yml`:
```yml
sidebar: true # whether or not using Sidebar.
sidebar-about-description: ""
sidebar-avatar: img/
```
and activate your personal widget you like
```yml
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 `/img/signature` and modify the `_config.yml`:
```yml
signature: true # show signature
signature-img: img/signature/
```
### 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.
```yml
home_posts_tag: true
```
![home_posts_tag-true](./source/_posts/hexo-theme-beantech/home_posts_tag-true.png)
```yml
home_posts_tag: false
```
![home_posts_tag-false](./source/_posts/hexo-theme-beantech/home_posts_tag-false.png)### Markdown render
My markdown render engine plugin is [hexo-renderer-markdown-it](https://github.com/celsomiranda/hexo-renderer-markdown-it).
```yml
# 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.
```javascript
async("//cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){
anchors.options = {
visible: 'hover',
placement: 'left',
icon: 'ℬ'
};
anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5');
})
```## Hexo Basics
Some hexo command:
```bash
hexo new post "" # 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](https://github.com/YenYuHsuan/hexo-theme-beantech) this Project if you like it! [Follow](https://github.com/YenYuHsuan) would also be appreciated!
Peace!
/testhexo 常用命令
1. 启动服务器
hexo server2. 清除缓存文件
hexo clean3. 生成静态文件。
hexo g4. 部署网站。
hexo d## 教程地址
http://theme-next.iissnan.com/getting-started.html
优化
https://www.jianshu.com/p/1f8107a8778ctest