Typecho 框架Brave主题的配置使用
距离大年初一开始搭建typecho服务已经很多天了，期间因为对新版本Mysql不熟悉持续踩坑，再加上赶paper稿，直至今日才算开始主题布置初衷就是要使用这个温暖的主题Brave💕，记录一下跟Qiuyan的点点滴滴。感谢Veen的持续贡献。
Brave主题是一款适合正在搞对象的博主使用，具有计时器🧭、留言板✍、恋爱清单📜、点点滴滴记录💕等功能，基本上是保留了Cupid主题的所有功能，UI重新进行了设计。基本上下面都是来自贡献者的指南，大家可以移步Typecho主题Brave—勇敢爱💕。
下载
Git下载方式，放置在/var/www/html/usr/themes/下。
#cd /var/www/html/usr/themes/ #git clone git clone https://github.com/zwying0814/Brave.git
配置
进入Typecho 后台-控制台-外观-启用主题。
进入首页，外观已经改变了。可以看到头像，banner等元素有待完善。启用后，创建对应页面，这里有三个页面需要创建，分别是首页、祝福板、Love List（一定要选择 ...
阿里云ECS构建Typecho应用-搭建Typecho应用
封面来自向地平线前进(截图) by 练凌飞lkemon —“祝大家永远开心！”
搭建Typecho之前的数据库准备这些是我们继续搭建Typecho服务的基础。前几日因为数据库问题折腾了很久，总结一下：
必须打开云主机的3306端口；
需要一个有密码可以登陆的账户，root权限需要改一下，建议新建一个账户，并赋予充分的权限；
Navicat远程登不上，报错是因为bind-address打开了，这样远程管理不是太方便；
轻量型ECS没有安全组，只有防火墙设置，只要打开3306端口就行；
创建数据库typecho。
[必须]现在回到主线，我们需要一个Mysql账户来存取应用数据，就安排成typecho。
首先root登录,进入Mysql。
因为是mysql的root验证方式为auth_socket，也就是说不通过密码验证，只能通过linux系统的root用户直接进入，所以，这里不对Mysql root权限进行更改；希望通过密码登录root的同学可以参考一下: 《Mysql 账户权限相关设置》
创建新用户
mysql> use mysql;mysql> CREATE U ...
阿里云ECS构建Typecho应用-搭建LAMP环境
在接触PHP以前，我一直使用的是Python-Django-Sqlite，Java-Springboot-Mysql这些选型来构建个性化的网页应用。个人博客从Pelican到Vuepress再到Hexo这些静态工具，也使用过Gridea。现在又发现了基于PHP的框架Typecho，奔赴科研理想之余玩玩新东西。看上了💖Brave💖这一款主题，打算用一天搭起来。没有PHP基础，但是建站什么的还有些经验。打算直接上阿里云ECS服务器实例。毕竟今年博士入学，学生认证走起。
阿里云ECS实例春节当天在阿里云上购置了一台ECS实例，链接如下开发者成长计划。
其实阿里云提供应用镜像的选择，包括WordPress和LAMP等有选择，因为我可能用于比较多，就选了ubuntu20.04的系统镜像，可能搭建环境方面需要更多工作。
安装LAMP环境LAMP= Linux + Apache + Mysql + PHP，从系统，http服务器，数据库到开发环境的一整套。
Typecho的环境要求：
PHP 5.4 以上
MySQL, PostgreSQL, SQLit ...
云主机Mysql账户权限相关设置
本篇文章服务于Aliyun轻量级ECS的MYSQL数据库，用于Navicat，typecho等用途的连接
root的验证方式首先root登录,进入Mysql，因为是mysql的root验证方式为auth_socket，也就是说不通过密码验证，只能通过linux系统的root用户直接进入。
hjh@AliECS:/home/hjh$ cat /etc/mysql/debian.cnf #Automatically generated for Debian scripts. DO NOT TOUCH![client]host = localhostuser = debian-sys-maintpassword = SDr2K4V3OFSD46t7socket = /var/run/mysqld/mysqld.sock
这个password用于下一步验证
hjh@AliECS:/home/hjh$ mysql -udebian-sys-maint -p SDr2K4V3OFSD46t7(修改)mysql> UPDATE user SET authenticat ...
修复开启Pjax环境下Charts类插件异常加载
场景使用butterfly主题，success@配置全局吸底式播放器 ，需要开启Pjax服务，预加载站内资源。但是在使用’hexo-charts’,’hexo-calendar’时，出现对象重复创建导致的报错。
类似这样的插件，初始化时会受pjax影响无法二次渲染，只能刷新才能销毁原有的声明对象。报错信息：VM5117:1 Uncaught SyntaxError: Identifier ‘calendarChart’ has already been declared就是说下面这里重复初始化除了问题：calendar 插件的部分源码
<script type="text/javascript">....... let calendarChart = echarts.init(document.getElementById('calendar')); let endDate = new Date().getTime().......
求助网上的建议一大堆，有要求修改pjax源码的，有要修改pjax初始化绑定对象的 ...
Butterfly主题美化
记录我对butterfly主题的一些修改，持续更新。
置顶标签适用于已卸载自带的hexo-generator-index插件,添加使用hexo-generator-indexed插件实现置顶功能的小伙伴。在post类中的front-matter列表中使用sticky: 1 实现置顶，数字越大，置顶优先级越高。详见Butterfly 文档
修改themes\butterfly\layout\includes\mixins\post-ui.pug模板
mixin postUI(posts) each article , index in page.posts.data .recent-post-item if (is_home() && (article.top || article.sticky > 0)) ##判断是否有置顶属性sticky span.top-flag= _p('Highlighted') ##添加一个p标签<p class=" ...
Butterfly的一些特性
{% note default %}default 提示块标籤{% endnote %}{% note primary no-icon %}primary 提示块标籤{% endnote %}{% note success %}success 提示块标籤{% endnote %}{% note info %}info 提示块标籤{% endnote %}{% note warning %}warning 提示块标籤{% endnote %}{% note danger %}danger 提示块标籤{% endnote %}
default 提示块标籤
primary 提示块标籤
success 提示块标籤
info 提示块标籤
warning 提示块标籤
danger 提示块标籤
Gallery
壁 ...
倒腾Django-创建django应用前端模板
Django系列是我在接触Python应用框架以后学习的后台框架。同时还有python的三大框架Flask，Django，Tornado。都有过了解，从此开始想后端领域进发。相较于Spring-boot这类JAVA框架，Django可以说是十分新手友好了。VUE+Django+Mysql完全满足企业级的应用要求。我这里就是使用Sqlite进行M(odel)T(emplate)V(iew)框架搭建。从此我开始接触后端。再后来开始使用JAVA框架，学习云服务。但是用的最多的还是Django，用它重构了Luoo网，用它搭建了课题组网站。这是最初在win10虚拟机上开始的学习笔记,那时候参考的是‘追梦人物’的博客教程。我这里只是记录，年代久了，而且很乱。详细的入门级的教程可以去学习dusai大哥> dusaiphoto.com。
使用模板系统在 blog\urls.py 中写入这些代码：blog/urls.py
from django.conf.urls import urlfrom . import viewsurlpatterns = [ url(r' ...
倒腾Django-创建 Admin 后台管理员账户
Django系列是我在接触Python应用框架以后学习的后台框架。同时还有python的三大框架Flask，Django，Tornado。都有过了解，从此开始想后端领域进发。相较于Spring-boot这类JAVA框架，Django可以说是十分新手友好了。VUE+Django+Mysql完全满足企业级的应用要求。我这里就是使用Sqlite进行M(odel)T(emplate)V(iew)框架搭建。从此我开始接触后端。再后来开始使用JAVA框架，学习云服务。但是用的最多的还是Django，用它重构了Luoo网，用它搭建了课题组网站。这是最初在win10虚拟机上开始的学习笔记,那时候参考的是‘追梦人物’的博客教程。我这里只是记录，年代久了，而且很乱。详细的入门级的教程可以去学习dusai大哥> dusaiphoto.com。
创建 Admin 后台管理员账户运行 python manage.py createsuperuser 命令新建一个：
C:\Users\Herrera\djangoopt\djblog>python manage.py createsuperus ...
倒腾Django-创建django应用blog
Django系列是我在接触Python应用框架以后学习的后台框架。同时还有python的三大框架Flask，Django，Tornado。都有过了解，从此开始想后端领域进发。相较于Spring-boot这类JAVA框架，Django可以说是十分新手友好了。VUE+Django+Mysql完全满足企业级的应用要求。我这里就是使用Sqlite进行M(odel)T(emplate)V(iew)框架搭建。从此我开始接触后端。再后来开始使用JAVA框架，学习云服务。但是用的最多的还是Django，用它重构了Luoo网，用它搭建了课题组网站。这是最初在win10虚拟机上开始的学习笔记,那时候参考的是‘追梦人物’的博客教程。我这里只是记录，年代久了，而且很乱。详细的入门级的教程可以去学习dusai大哥> dusaiphoto.com。
环境：cmd(windows NT)工具：Python (V 3.6.4)
工作目录C:\Users\Herrera>mkdir djangooptC:\Users\Herrera>cd djangooptC:\Users\Herrera\d ...
倒腾Pelican - Elegant Set Sidebar
依然是初期的一些乱七八糟倒腾系列。不过让我接触了Git，Markdown，静态页面，部署，等等。
Default sidebar optionsAccording to the metadata in your articles，sidebar shows：
1. You can activate Pushlish date, Modification date, Category, Tags functions by specify optional meta data variables Date, Modified, Category and Tags when editing your articles.
2. Social links is set in your ‘pelicanconfig.py’, just add your links to the Dictionary
# Social widgetSOCIAL = (('GitHub', 'https://....'), (' ...
倒腾Pelican - Collapse does not work
这里发现了一个叫Elegent的主题，现在不知道还有没有，那时候这里面的特色，使用折叠效果来展示文章分类。貌似是因为jQuery依赖出了问题，这个动效不生效，所以一顿修改。那时候连jQuery，Bootstrap，HTML都不懂，就凭借着常年debug的技能去修改。
IssueThis happens with the file elegant/templates/base.html, which rules the element of every pagesat around line 97 , there is a quote：
<script src="http://code.jquery.com/jquery.min.js"></script>
it seems the http request is nolonger credited in this case, and a potential consequence is that:The following collapse funtion in elegant/te ...
倒腾Pelican - 博客配置
Latest set#!/usr/bin/env python# -*- coding: utf-8 -*- #from __future__ import unicode_literalsAUTHOR = 'Jiheng Hu'SITENAME = "Jiheng's Blog"SITEURL = 'https://jihenghu.github.io'PATH = 'content'TIMEZONE = 'Asia/Shanghai'#DATE_FORMATS = {'zh':'%Y-%m-%d %H:%M'}DATE_FORMATS = {'en': '%a, %d %b %Y %H:%M'}THEME = 'pelican-elegant'DISQUS_SITENAME = 'jihenghu'COMMENTS_ ...
倒腾Pelican - Favicon not recognized
这是最初的几篇博客，那时候甚至不懂favicon怎么设置，慢慢的，我还没系统学习前端，这些知识就粗粗了解了。
1. In ‘pelicanconf.py’ , setUSE_SHORTCUT_ICONS = True SITELOGO = 'images/favicon.ico' FAVICON = 'images/favicon.ico' SITELOGO_SIZE = 15 ``` ### 2. Put your `favicon.ico` in path `content/images/` ### 3. In `elegant/templates/_includes/favicon_links.html` #### replace following ：```html <link rel="shortcut icon" href="{{ SITEURL }}/theme/images/favicon.ico" type ...
倒腾Pelican - Auto-publish shell script for pelican blog
这是最初的那段时光，啥也不懂，不懂前端，不懂框架。那时候才研究生二年级，脑子里酝酿着转行找工作。先学Python，后学pelican，才慢慢引导我向前端进发。后来如愿拿了一堆offer, 思科，中兴，华为，海康，TPLink，寒武纪。岗位从前端到后端到云计算开发。虽然后来又经历了很多事，但是最初开始学习新鲜东西的情形仍旧历历在目。在寒假的学校，冬雪开始飘着……
First time configurationFor the first time commit to you github, you need a local git configuration.Use the commandline:
$ git config --global user.name "your name"
$ git config --global user.email johndoe@example.com
you can see your global config. using:
$ git config --list
user.name=your name
us ...
