有个前言 本萌并不会前端相关的知识,一切都是自己慢慢摸索出来的,如果存在代码方面的不足,请尽快告诉我~~~ 使用一个主题 目前我博客使用是 https://www.cnblogs.com/bndong/p/9132439.html https://github.com/BNDong/Cnblogs-Theme-SimpleMemory 他开源的主题非常非常非常方便使用,注释都写的满满.只要认真看就知道该怎么做~ 跟进大佬最新的代码 fork了大佬的代码,怎么去跟进呢?看到红色箭头了吗?图片显示b…
还有前言 使用了主题之后,发现还差了一点功能.最新评论没有了,导致读者回复需要一点时间去找到底回复了哪条博客.于是就有了添加功能的想法. 如何调试CSS/JS 打开f12,可以看见加载的js资源都是混淆的.虽然还是可以看懂,但这变量名a,b,c,d一搞也头疼.而且本地修改的是不会放在在线调试的,因此我们需要一个工具去替换网页的资源. 幸好,fiddler就提供了这个方法. 先装证书 fiddler是抓不到https的,但可以按照证书去实现这点. 禁用缓存 因为缓存的关系,fiddler也抓不到j…
还有前言 用了大佬的主题之后,有些资源是无法在暴露的接口处更改的,需要自己去css更改.但后台给的都是压缩过的,找起来比较困难,所以特意记录了这篇. 本地资源替换 侧边栏: .introduce-box { width: 100%; position: absolute; top:; left:; color: #f5f5f5; z-index:; opacity:; height: 225px; -webkit-transition: opacity 0.3s, -webkit-transfo…
基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…
Hexo博客主题优化 添加背景图 在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images/bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; } 修改Logo字体 在 themes/*/source/css/_c…
注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3…
前言 之前我们把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台,之前查资料听说gitcafe,但是听说gitcafe已经被coding收购了,所以就决定部署到coding. 查询了多方资料,终于鼓捣出了本地一次部署,同时更新到github以及coding. 正文 _config.yml配置 想要同时部署到2个平台,就要修改博客根目录下面的_config.yml文件中的deploy如下 根据Hexo官方文档需要修改成下面的形式 de…
一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pages是一个免费的静态网页托管服务,我们可以使用它来托管博客.项目官网等静态网页. 之前小编也有写过关于GitHub搭建个人博客教程,其采用Jekyll模板搭建~ 目前码云 Pages 支持 Jekyll.Hugo.Hexo编译静态资源. 2.Jekyll.Hugo.Hexo 是什么? 温馨小提示:码…
之前的这篇文章<Linux下使用 github+hexo 搭建个人博客01-hexo搭建>,相信大家都知道怎么搭建 hexo ,怎么切换主题,并且完成了一篇博文的创建,以及 MarkDown 标记语法的用法.如果还不清楚或者不知道的,那就先回去看看这篇文章. 那么我们接下来就需要将 hexo 和 GitHub Pages 结合了,为什么要结合呢?因为当前我们的博客还是在本地机器,如果因为我们不小心删了数据,或者购买的云服务因为没有及时续费,导致机器被释放了,那我们就永久失去了这些数据. 因此如…
目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然倒闭了,博文特别是插图来不及备份:也考虑过自建博客可以更随意,因此有了自建博客的打算.花了两天时间,走了一些弯路,有一些经验总结: 做事情一定要搞清楚需求,掂量自己的实力.原本我只是想做一个备份,那么本地写好markdown,存好插图,再同步到博客园就行了,没有必要费力建博客搭网站.虽然Hexo和H…
Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs && vim apt update npm install hexo -g mkdir hexo hexo init hexo cd hexo hexo server 部署到GitHub 安装sah apt install openssh 生成ssh key ssh-keygen -t rsa -C &quo…
二次元动漫类个人主题 Sakura 功能强大,美观大气,二次元动漫专属 演示地址:https://2heng.xin/theme-sakura/ 开源地址:https://github.com/mashirozx/Sakura Sakurairo Sakura主题的后期开发版,适合新人小白,省去了很多代码的烦恼 演示地址:https://asuhe.jp/daily/sakurairo-user-manual/ 开源地址:https://github.com/mirai-mamori/Sakur…
前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的,有300MB空间: 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好. 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易. 需要了解的内容(能掌握更好): html+css+javascript git基本语法 markdo…
在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用.如果你想快速创建一个电子商务网站,那么使用现有的 WordPress 模板会是很好的方案. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板 那些让人惊叹的的国外创意404错误页面设计 10大流行的 Metro UI 风格 Bootstrap 主题 推荐35款精致的 CSS3…
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hexo博客并部署到Github,走了不少弯路.现在终于搭建出来了,为了帮助大家,我决定写一篇“史上最详细“截图”搭建Hexo博客并部署到Github”. 工具/原料   Windows(Mac也是差不多,可参照) Git Node.js 安装Hexo   1 利用 npm 命令即可安装.在任意位置点击鼠…
象写程序一样写博客:搭建基于github的博客   前言 github 真是无所不能.其 Pages 功能 支持上传 html,并且在页面中显示.于是有好事者做了一个基于 github 的博客管理工具:octopress,基本原理是用 git 来管理你的文章,然后最终发布到 github 上成为一个独立博客站点.由于 github 支持 CNAME 域名指向,所以如果有独立域名的话,可以基于这些做出一个专业的博客站点出来. 本博客就是完全基于此搭建起来的,在使用了 2 个月之后,我将原系统根据中…
一.将个人博客托管到 GitHub 上 关于如何快速搭建自己的个人博客,如何完善自己的个人博客,什么是 GitHub ,如何将自己的博客代码托管到 GitHub 上面等等问题,我之前写过三篇文章已经做了详细的说明,三篇文章如下: 基于 Hexo + GitHub Pages 搭建个人博客(一) 基于 Hexo + GitHub Pages 搭建个人博客(二) 基于 Hexo + GitHub Pages 搭建个人博客(三) 二.将个人博客托管到 Coding 上 最近博客出了点问题,这几天都在紧…
博客搬家 https://hanwang945.github.io/…
1. 部署网站到github的pages服务 参考: <在Github上面搭建Hexo博客(一):部署到Github> <Hexo搭建独立博客,托管到Github和Coding上教程> <Hexo+Github: 搭建属于自己的静态博客> <使用 github Pages 服务建立 ixirong.com 独立博客全过程> 2. 帮助文档 <Hexo文档> <Next使用文档> <Git教程> <Github帮助文档…
搭建博客地址:https://douzujun.github.io/ 博客模板:https://github.com/douzujun/douzujun.github.io 显示效果:…
前言 由于本人只是将Hexo博客同时部署到 Github 和 Coding.net ,所以这里只介绍怎么同时部署到这两个网站的pages. 之所以选择这两个网站,是因为国外用户可以访问 Github,而国内用户可以访问 Coding.net.另外,Coding.net可以拥有自己的私人仓库. 修改站点配置文件 在站点根目录下找到 _config.yml文件,将里边的deploy节点修改成下边的形式: # Deployment ## Docs: https://hexo.io/docs/deplo…
前言 一直以来,我都在思考如何减少不必要的JS代码,仅通过CSS来实现博客园主题美化.CSS有很多魔法代码,例如:before,iconfont,order,等等,利用好这些技巧,也能实现很好美化效果.这一次带来的是仿制BiliBli制作的纯CSS博客园主题,希望能给你带来不一样的体验. 头部导航栏 BiliBili个人主页效果 这种头部感觉比较好看,并且根据博客园的代码布局,正好能够实现. 其实博客园在设计之初就考虑到了logo的问题,但是只给了1px的大小,所以基本上就没有被人发现.通过ba…
1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制 将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通…
Z-blog PHP版本简洁主题模板 特点简洁舒适 手机移动端自适应,完美有利于优化 代码结构利于编辑 对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装 对于喜欢简洁的,而又不失丰富的,这是一个不错的选择 对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个…
解决"用PicGo-2.3.0-beta5 + GitHub做博客图床,github仓库图片文件不显示"的问题记录(备忘) 历时几个小时百度,终于靠自己理解解决了GitHub仓库图片无法显示的问题,感谢百度!!!感谢互联网!!! 还好我没放弃 看下图,遇到这种情况不要慌,如果你百度看到我这篇文章,那么恭喜你,你会节省大量百度时间!偷着乐吧,哈哈哈哈 解决方案: 修改本地HOSTS文件对Github网站加载的资源域名解析,具体操作如下: 如何修改本地hosts文件呢?别急,我教你!…
首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它. 什么是 Hexo ? Hexo 是一个快速.简洁且高效的博客框架,基于 Node.js 开发.Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 GitHub Pages 或 OSS 上,连服务器都省了. Hexo 开发社区也非常活跃,贡献了有…
吐槽 博客园cnblogs作为老牌的IT技术博客类网站,为广大的开发者提供了非常不错的学习交流平台. 虽然博客内容才是重点,但是如果有赏心悦目的页面不更好吗! cnblogs可以更换博客模板,并且提供了custom模板供开发者自行定制. 但是看看模板库里的模板,截止目前118套模板中,98套是2010年以前的(/手动笑哭),全都是小学时网站的风格,无一不透露着程序员就是钢铁直男的强烈暗示.然后10年有4款,12年有7款,13年4款,15年4款,风格都并没有好转. 每次在cnblogs看博客查资料…
本文旨在记录一下我在通过hexo搭建一个博客,并将其部署在github上面的过程,也供我自己在以后的使用过程中能够快速学习和参考.需要看更详细或者官方文档的可以点击Hexo官方文档进行查看. 安装前提 安装 Hexo 非常简单.需要预先安装: Node.js Git 准备条件做好了之后就可以开始安装Hexo了 安装Hexo 打开Git Bash 执行命令 1 $ npm install -g hexo-cli 创建博客 Hexo安装完成后,分别执行如下命令,Hexo会自动生成需要的文件夹 123…
之前在博客园.简书.CSDN等地儿都开过博,一篇文章写好了,我希望能在几个平台可以同步发布,可是操作起来成本不低.几个平台下的富文本编辑器比较起来还是博客园更顺手,看着更舒服,尤其是代码块的操作灵活.准确.而CSDN对代码块内的文字加粗.修改字色后就会出现html文无法解析的情况,混杂着代码和html文本实在太难看了,后来我知道原来是Markdown的代码块规则限制.而且CSDN刚刚才取消了提交文章要审核通过才能发布的限制,审核没有完成之前,连自己都看不到,且不能修改,这让我一度放弃CSDN平台…
参考了网友 https://www.cnblogs.com/maybreath/p/5253824.html的做法,没想到真的可以耶. 总想弄个方便的.简洁的.可以被搜索引擎搜到的博客.以前用过wordpress,它要花钱维护:用过github jekyll,但是要做很多配置工作且不易被搜索到:用过CSDN,嗯,忍了好多年:早知道cnblogs了,就是不太懂前端,当时也不知道去查查别人的主题设置,说不定就可直接套用了.今日一试果然不错,打算以后就在这安家吧.…