Giter Club home page Giter Club logo

coder's Introduction

Coder | Hexo Theme


Light 🌲 | Minimalism ✈️ | Dark/Light 🌞🌛



A Hexo theme for Coders.

Introduction🎙️ | 中文

Coder is a clean Hexo theme☁️ for Coders.

How To Use❓

1. Clone Coder

  • Latest:cd /themes
git clone [email protected]:Xunzhuo/hexo-theme-coder.git coder
  • Stable:In Released download zip and unzip it in /themes.

2.Set theme to coder in _config.yml

3. Language Setting

Set language to en or zh-Hans in _config.yml.

4. Configuration Setting

# Theme Version
Hexo: "2.1"

# Title
logo_title: Title Name

# Default Style "black/light"
style: black
#style: light

# SEO settings

## Description
description: Hi, welcome to Hexo Coder!

## Keywords
keywords: Blog,Hexo,Theme,Xunzhuo,LiuXunzhuo

# our URL
link: Your_URL

#Your Slogan
words: Your Words

# Your Name
author: Your Name

# Gender
gender: /img/male.png #/img/female.png

# Small Icon of Your Site
favicon: /img/favicon.ico

# Nav Bar Settings
menu:
  About👀: /about
  Link🎉: https://liuxunzhuo.tech
  GitHub🐒: https://github.com/xunzhuo

# Local Search
search:
 enable: true
 path: search.xml
 field: post
 # onload: true

# Comments of Valine
## Replace Your Own Key
## If you want to close valine, please set enable to false 
valine:
  enable: true
  appId: NOsswOncKgc8HOxqo9oxIWlX-gzGzoHsz
  appKey: z1FihjWEbS8uIfUQdmCtK7zz

# Code Highlight
highlight:
  enable: true

5. 404 Page Setting:

Create a 404.md om Hexo Source Directory like below:

---
title: 404
type: "404"
layout: "404"
---

Contributors

Coder TODO LIST🌟

  • Add local Search🌲
  • Add Categories 🌲
  • Add Tags 🌲
  • Add Post TOC🌲
  • Compatible with mobile🌲
  • Uv Pv in Posts🌲
  • Uv Pv in Site🌲
  • Multi-languages🌲
  • CSS Beautify🌲

If you are interested in this project, welcome to give issues and PRs 🤝


If you like Hexo Coder, please give it a star✨

coder's People

Contributors

raimonomiar avatar test-infra-bot avatar xunzhuo avatar zonahu 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  avatar  avatar  avatar

coder's Issues

如何实现coder2.0的效果

下载了你的文件展示的效果为1.0效果,但是想要的是你所展示的2.0效果,找不到教程,请求指教

如何增加LiveRe评论功能

1.在主题的layout下新建livere.ejs文件,存放来必力City版安装代码

<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="your data-uid">
<script type="text/javascript">
   (function(d, s) {
       var j, e = d.getElementsByTagName(s)[0];

       if (typeof LivereTower === 'function') { return; }

       j = d.createElement(s);
       j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
       j.async = true;

       e.parentNode.insertBefore(j, e);
   })(document, 'script');
</script>
<noscript>为正常使用来必力评论功能请激活JavaScript</noscript>
</div>
<!-- City版安装代码已完成 -->

注意上面的your data-uid是自己在来必力注册的用户id

2.post.ejs中添加如下代码:
<% if (theme.valine.enable){ %>
<% if (page.comments){ %>
<%- partial('livere') %>
<% } else { %>


<% } %>
<% } %>

  1. hexo项目的_config.yml文件下增加以下:
    livere_uid: your data-uid

uv,pv统计有误

http://www.carlblog.site,这是我的博客地址,目前我发现uv.pv的统计数会因为我在不同的机器上访问从而产生很大的误差。
比如我在macbook上访问的时候,统计pv是66,但我用公司电脑访问时就显示600,,这明显是有问题的。
望解决^_^

文章侧边栏

您好,您的主题文章侧边栏没有,如何自定义

如何配置gitalk评论系统

1.小白一个,网上找了很多gitalk教程,但是都无法生成静态文件(对前段一无所知......),希望dl能指点迷津
And
2.请问如何才能修改代码渲染格式

代码高亮

可以修改代码字体吗?
希望以后能有自动检测代码语言的功能。
十分感谢!

视觉干扰元素

视觉干扰元素
这种内容在阅读时严重干扰用户,容易分散用户注意力,建议允许开发者自定义。

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.