Code Monkey home page Code Monkey logo

webstacktypechotheme's Introduction

WebStack 网址导航 Typecho 主题

Release MIT License

Typecho 网址导航主题

简介

这是一个基于开源项目WebStackWebStack_钻芒二开版而制作的 Typecho 网址导航主题。

该项目主要是为了构建一个更适合个人使用的网址导航站点,一切从简,以简约实用为原则做个简单纯粹的网址导航。

因此对比一些其他的网址导航程序,本导航程序可能也更适合搭建在像 NAS 这样的私人服务器上面去使用。

预览

主页预览

  • index_day
  • index_dark

主题设置预览

  • config

安装

  1. 前往 Typecho 下载 Typecho 博客程序,参照安装环境要求及安装文档,根据安装过程中的安装向导依次完成安装即可。
  2. 前往 Releases 下载主题文件压缩包,解压得到 WebStack 目录,将其上传至服务器 Typecho 主题目录 /usr/themes/
  3. 在浏览器里打开 Typecho 后台页面(默认:/admin/index.php),点击"更换外观"进入外观设置页面,找到 WebStack Typecho Theme 主题并点击启用即可。此时回到博客首页便能看到导航主题效果了。

使用

添加分类

在后台的分类管理页面(默认:/admin/manage-categories.php)中可以添加或编辑分类,其对应导航页中左侧边栏里的菜单项,一般可以按照网址的类别来进行分类。

填写分类缩略名可实现为菜单项显示图标的功能,例如在分类缩略名处填写 book 或者 fa-book 时,将在菜单项前面显示一个书本的小图标。具体可用的分类缩略名可以查看:Font Awesome Icons

添加项目

在后台的文章管理页面(默认:/admin/manage-posts.php)中可以添加或编辑具体的网址导航项目。

add

其中可以填写的项目包括:

  • 标题:即导航的标题
  • 跳转链接:即导航到的网址
  • 链接描述:可以补充一些关于该导航的信息描述
  • 链接 Logo:即导航显示的图标地址,也可以自行在附件中上传图标并将地址填入
  • 分类:选择导航网址的分类,不勾选则为默认分类
  • 排序:同分类下的导航项目默认按照创建时间进行排序,可以通过填写此值使该导航项目排序更靠前(注:该功能需要另外安装 EnablePostsOrder 插件才能实现)

主题设置

在后台的外观设置页面(默认:/admin/options-theme.php)中可以调整设置关于本主题的其他功能。

插件

一些提供功能增强的 Typecho 插件:

一些提供功能增强的浏览器插件:

相关项目

本项目的诞生离不开以下这些优秀的项目:

License

MIT license

webstacktypechotheme's People

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

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.