Develop
未读Hexo是现在比较主流的静态博客生成框架,但我个人的感受来讲,Hexo 的主题虽然有两百多个,但是能拿出手的也就不到二十个。
本文主要记录了我从零开发 Hexo 主题时,遇到的一些问题,自己作为备份。
所有内容仅供参考
基础知识储备模板引擎传统的 HTML 写起来既不方便,又不能复用,因此在 Hexo 中通常使用模板引擎来呈现网站内容。
常用的几种模板引擎有:Swig、EJS、Haml 或 Jade。其中 Jade 由于商标问题,改名为 Pug,虽然它们是兼容的,但使用的时候,推荐安装 Pug 而不是 Jade。Hexo 内置了 Swig,将文件扩展名改为 .swig 即可使用,你也可以安装插件来获得另外几种模板引擎的支持,Hexo 会根据文件扩展名来决定使用哪一种。例如:
12layout.pug -- 使用 puglayout.swig -- 使用 swig
这里你需要做的是,选择一个自己喜欢的模板引擎,然后浏览文档,了解这个模板引擎的基本用法。
英文文档地址分别如下:Swig、EJS、Pug、Haml。
中文文档地址分别如下:Swig、EJS、Pug、Haml(无)。
...
Study
未读学会运用“PREP+A”的逻辑产出模式:
P(Point,观点/论点),R(Reason,原因/理由/根据),E(Example,实例/例证),P(Point),A(Action,行动)。
在正式的谈话、讲演、文案中,一般可以遵循下面的逻辑/步骤:
P:首先,简洁明了的表明自己的观点/论点/主张,也就是你在说什么、你想要表达什么。
R:其次,说出支持你结论的“依据”,也就是回答 你凭什么这样认为,是基于哪种事实和解释?
E:再者,用实际的例证(资料、数据、个人例子等)来提高你结论或观点的说服力。
P:最后重复结论,确保自己想传达的信息,已确实传递。
A:行动就是你希望对方怎么做(根据实际需要,一把可以省略)。
小结:简单来讲,这个模式就是先从结论说起,再说明得出结论的理由及根据,然后举出具体事例佐证,最后再强调一次结论 。
Develop
未读网格布局(Grid)是最强大的 CSS 布局方案,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。
基本概念学习 Grid 布局之前,需要了解一些基本概念。
容器和项目采用网格布局的区域,称为”容器”(container)。容器内部采用网格定位的子元素,称为”项目”(item)。
例如:
12345<div> <div><p>1</p></div> <div><p>2</p></div> <div><p>3</p></div></div>
上面代码中,最外层的<div>元素就是容器,内层的三个<div>元素就是项目。
注意:项目只能是容器的顶层子元素,不包含项目的子元素,比如上面代码的<p>元素就不是项目。Grid 布局只对项目生效。
网格线划分网格的线,称为”网格线”(grid line)。 ...
Think
未读
B端软件是一个技术密集型和靠持续行业技术积累的行业,和C端完全不同。在现在的趋势看,C端的发展已经趋于饱和,B端发展又严重不足。
与C端不同,B端产品首先是为企业服务的,企业反过来为B端产品带来的价值而买单,购买原因虽然可能有很多,但最终目标只有一个,即提升企业的利润(即降本促效)。
所以B端产品一定要在企业的利润链上产生价值,对企业的利润产生贡献。对最终的利润正向贡献越大,产品的价值也就越大。
如果一个B端产品没有对服务企业利润链产生正向价值或者价值极小,那这款产品肯定会销声匿迹,无论描绘的产品愿景多么宏伟也无法改变毫无价值的本质。
SEO(Search Engine Optimization),是指利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让页面在搜索结果里面占据较高的排名,获取较高的曝光。
要想进行SEO,首先需要理解一下搜索引擎的工作原理的。
搜索引擎工作原理搜索本质上是搜寻数据库并呈现结果的过程,呈现的结果会依据各大搜索引擎自定的规则进行排序,把最有可能是用户需要的网页排在最前面。
任何搜索引擎要想回答用户的搜索,首先要把网页存在自己本地的服务器上,这靠的就是网络爬虫。网络爬虫可以简单理解为一个机器人,是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。
(以百度为例)百度的网络爬虫会定期爬取我们的网域,读取各个网页的内容,将信息传回百度的数据库中,百度的服务器则为这些信息添加索引、压缩和分类,并根据网页内容的质量评分。待用户在百度搜索框输入设备巡检时,百度服务器会在庞大的数据库中筛选出含有设备巡检的信息,根据索引中内容的相关性、可用性、来源专业程度的进行排序,将链接呈现在搜索结果页中。
影响搜索排名的几个因素丰富的内容及内容质量是第一位的要素,此页面的 UV、访客站内转化 ...
Develop
未读
近期在整理公司的数据,因为使用tableau做出桑吉图太过复杂,所以使用python尝试了一下。
先来看一下桑基图是什么桑基图(Sankey diagram),即桑基能量分流图,也叫桑基能量平衡图。它是一种特定类型的流程图,图中延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。因1898年Matthew Henry Phineas Riall Sankey绘制的”蒸汽机的能源效率图”而闻名,此后便以其名字命名为”桑基图”。
特点:
属于流程图的一种,核心在于展示数据的流转
主要由节点、边和流量三要素构成,边越宽代表流量越大
遵循守恒定律,无论怎么流动,开端和末端数据总是一致的
Python绘制桑基图
在绘制桑基图前,我们回顾一下桑基图组成要素的重点——节点、边和流量。
任何桑基图,无论展现形式如何夸张,色彩如何艳丽,动效如何炫酷,本质都逃不出上述3点。
只要我们定义好上述3个要素,Python的pyecharts库能够轻松实现桑基图的绘制。
首先,我们应该导 ...
Develop
未读
近期在测试企业微信的机器人,因为涉及到一些数据库的秘钥,不便于发布到github上,于是就有了在树莓派中构建git server的想法,这里记录一下在树莓派上配置一个简单的git server用来同步代码。
1 安装git1sudo apt-get install git-core
2 配置git用户1234# 新增用户sudo adduser --system --shell /bin/bash --gecos 'git version control by pi' --group --home /home/git git# 配置密码passwd git
3 新增仓库1234cd /home/gitmkdir cynews.gitcd cynews.gitgit --bare init
4 本地和远程仓库关联123#本地执行git remote add origin git@树莓派ip:git仓库路径git remote set-url origin git@树莓派ip:git仓库路径
关联完成之后,就可以跟往常一样执行Git命令了。这样我们的树莓派就成为了 ...
Think
未读1. 产品本质
B端产品服务于组织或组织下的角色,C端产品服务于个人;
B端产品为完成目标,C端产品为满足自我;
B端产品办公场景用,C端产品生活场景用;
B端产品要客户,C端产品要用户;
2. 用户本质
客户是理性的,用户是感性的;
客户要工具,用户要玩具;
工具为了效率,玩具为了休闲;
3. 产品设计
B端产品基于客户已有的业务形态,C端产品基于用户的日常生活;
B端产品关注组织和业务,产品核心诉求是功能流程和效率;C端产品关注人性,产品核心诉求是刚需、痛点、高频和体验。
B端产品效率思维,要合理的功能与模块划分、严谨的业务流程设计、一致性的操作体验、干净简洁的界面设计;C端产品流量思维,要娱乐性,社交性,可倾诉性,情感化设计。
4. 商业模式
B端产品按功能模块、按使用人数、需求付费及后期维护费用;C端产品靠内容、广告付费、平台抽成、增值服务(VIP、卡券、权限等);
B端产品靠销售,卖软件;C端产品靠运营,秀软件。
Think
未读感觉一个比较有用的方法就像打游戏一样,如果问题太难的话,就别急着解决,先把面临的问题写出来,包括尝试过的一些简单的方案和结果(包括为什么简单方案不行),有个完整的“存档”。如果你知道有同事更懂,就把这个文档发给同事交流交流,如果没有同事能帮你看看,那就先放着,做点别的事情,摸摸鱼也可以。但是关键是等你准备回来继续解决这个问题是,一般”载入存档“到大脑后会有一个不一样的思路出来,而且一直是会有进步的,慢慢就弄出来了。
Develop
未读这是一个hexo主题,开发中
设计稿(制作中)