前言 刚接到这个需求的时候,觉得很简单(的确很简单)但是这玩意的坑真的也让人无奈. 网上找了很多的资料,都没有写出痛点(这就很难过了).通过实践并且在我们项目中平稳运行,想分享给后面的人 我的博客上也写了100多篇文章,点击量有上万的也有个位数的,能够帮助到他人这就是写作记录的动力. 需求 vue项目中可以良好展示markdown(只是展示功能 没有编辑功能) 痛点问题 .md文件类型,直接模块加载(只有字符串,这得多难受,怎么维护呢),还是一个文件一个文件的好维护并且好修改复用 用第三方插件,

在今年年初的时候,完成了自己的个Fame博客系统的实现,当时也做了一篇博文Spring-boot+Vue = Fame 写blog的一次小结作为记录和介绍.从完成实现到现在,也断断续续的根据实际的使用情况进行更新. 只不过每次上线部署的时候都觉得有些麻烦,因为我的服务器内存太小,每次即使只更新了前台部分(fame-front)的代码,在执行npm build的时候都还必须把我的后端服务(fame-server)的进程关掉,不然会造成服务器卡死(惨啊). 而且这个项目是前后端分离的,博客前台页面还

Joey's Blog 长大后才发现政府建造 GFW 真是太 TM 机智了,由于本人自制力较差,且不说 91porn, youporn 等两性知识网站的超强战斗力,单单一个Youtube就可以让我瞬间强撸灰飞烟灭.即使本人意志力足够强,万一不小心点击进了大纪元,遭受到了轮子思想的侵袭,动摇了我无条件支持 CCP 的 自干五 情怀那也是极其不好的. 下面问题来了,翻越 GFW 难道一无是处吗?当然不是,可以努力的薅万恶的资本主义国家羊毛嘛. 下面是作者自建 Github 主页的详细过程,教程中部分

工作中遇到后台给的表格数据里时间是一个13位的时间戳,需要转换成时间显示在表格里, 可以用element-ui表格自带的:formatter函数,来格式化表格内容: // 时间戳转换成时间 // 使用element table组件中的formatter属性,传入一个函数 timestampToTime (row, column) { var date = new Date(row.cjsj) //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFul

基于大神作品修改原文,使用了一下发现有一些小问题,爬取的博客标题如果含有字符是Windows不支持的命名格式,会卡在界面,进行了一下优化,加了一些字符过滤处理,但是tomd模块对html的处理还是不是很好,比如页面中包含 这种标签,或者一些表格内容,是无法完整处理的,后面看看再优化一下. 下载地址:https://wwi.lanzous.com/ipnIFmgq4sb

1. vue修改url,页面不刷新 项目中经常会用到同一个页面,结构是相同的,我只是在vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也显示已经改变,但页面并不会刷新,因为路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载,所以如果在created钩子中来区分状态明显是行不通的,可以通过watch监听事件来监听路由的变化: watch: { $route(to, fr

MD 使用 i5ting_toc 转换成 HTML 本文作者:天析 作者邮箱:2200475850@qq.com 发布时间: Wed, 10 Jul 2019 13:59:00 +0800 前言 md 转换成 html 使用 i5ting_toc 来转换算是一个比较折中的办法吧,但是平常接触的太多,导致我时不时的记不住转换的命令,于是用我这半吊子的 Python 写了个脚本来组合命令 做好后的效果是这样的: 转换前的准备 首先要安装好 node.js,完成后在在 cmd 中执行如下命令: npm

个人博客系统 前言 ❝ 代码质量问题轻点喷(去年才学的前端),有啥建议欢迎联系我,联系方式见最下方,感谢! 页面有啥bug也可以反馈给我,感谢! 这是一套包含前后端代码的个人博客系统,欢迎各位提出建议,本来打算用nuxt来书写,但是想学了react之后用next来写,后面会用reactSSR来重构! ❞ 博客该有的功能都有,可以写文章,可以评论,可以留言,甚至可以玩游戏(虽然还没完善),等等让你来发现. 这是一个小型的全栈项目,主要是检验并记录一下自己的学习成果 运用的技术Vue.Vue-Cli

缘起 时间真快,现在已经是这个系列教程的下半部 Vue 第 12 篇了,昨天我也简单思考了下,可能明天再来一篇,Vue 就基本告一段落了,因为什么呢,这里给大家说个题外话,当时写博文的时候,只是想给大家增加点儿学习的动力,每天提醒下,完全没有提纲或者安排说明什么的,就是按照我自己学的方向走,正好发现了一个规律就是:每一个系列正好是 1 个引子 + 12 篇正文,不知道大家对这个有没有感觉,大家可能看到我的头像就知道了,哈哈,其实我是一个红迷,正好这里机缘巧合,两个系列都形成了这样的,我自私的给自

前提条件: 你必须得有一个github账户 你的电脑上要安装了git和nodejs 你也可以达到这样的效果:https://liubinpy.github.io/ 第一步 进入一个你觉得比较安全的目录,创建一个文件夹,我这里叫myblog,进入到myblog里面,右击选择git bash here,如果安装了git的话: 第二步 在GitHub上新建一个空的repo,repo 名称是「你的用户名.github.io」,我这里的名称是:liubinpy.github.io 第三步 使用  npm

本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢( ⊙ o ⊙ ). 教程内容随意复制使用,引用的话请加一个参考链接,谢谢! # 博客开源 倒腾了一两周总算把个人博客网站完善了,目前这个版本使用应该是够了,当然还有一些优化项和功能增加后续在慢慢更新,为了回

概述 第一次尝试搭建属于自己的博客,并且成功了,非常开心. 很久之前就想搭建一个博客,可是也一直没有行动,最近在逛B站的时候发现一个up主(CodeSheep)的一个视频 <手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo>: https://www.bilibili.com/video/av44544186/ ,哈哈哈哈哈给他免费打个广告(虽然根本没人能看到),简直就是保姆级的教学视频,良心up主啊,真·手把手教学,大体浏览了一下以后我就坐不住了,马上起来开电脑行动! 那在

自暑假以来,囫囵吞枣一般蒙头栽入前端自学中,且不说是否窥探其道,却不自觉中提高了对网页版面设计的要求,乃至挑剔.一个设计清爽美观的网页能让读者心旷神怡,甚至没有了阅读疲劳:而一个设计粗劣嘈杂的网页实在让读者为之揪心难受,何谈长时间阅读,不仅苦了眼睛,倦了身体,更是伤了精神. 于博客园中开博撰文后,不时为众多设计精彩的博客主题而流连忘返,且不说博文质量如何,单看那设计用心,清新自然的博客,便对博主的审美感观频添几分赞许,自然要驻留些时候细细拜读博主的随文,因此风格样式对于博客就好似于地段门面对于酒

首先下面演示的博文来自于以下地址:http://www.douban.com/note/423939291/ 需要先通过博客备份专家将导出的博文导入到手机(还不会用的朋友请先阅读http://www.douyuehan.com/space/douyuehan/Blog1/Post/259.aspx),然后通过豆约翰开发的手机博客阅读器APP进行阅读. 先看一下效果 大家可以看到,黑底白字,非常省眼,比用博客备份专家导出成PDF看要好得多,而且同样图文并茂. 接下来,豆约翰就向朋友们来讲解一下豆约

twobin博客样式—“蓝白之风”   自暑假以来,囫囵吞枣一般蒙头栽入前端自学中,且不说是否窥探其道,却不自觉中提高了对网页版面设计的要求,乃至挑剔.一个设计清爽美观的网页能让读者心旷神怡,甚至没有了阅读疲劳:而一个设计粗劣嘈杂的网页实在让读者为之揪心难受,何谈长时间阅读,不仅苦了眼睛,倦了身体,更是伤了精神. 于博客园中开博撰文后,不时为众多设计精彩的博客主题而流连忘返,且不说博文质量如何,单看那设计用心,清新自然的博客,便对博主的审美感观频添几分赞许,自然要驻留些时候细细拜读博主的随文,因

13:52-14:03,由于访问量突增,博客web服务器全线CPU 100%,造成博客站点不正常访问,由此给您带来麻烦,请您谅解. 为了迎接访问量的增长给web服务器CPU带来的巨大压力,上周我们已经将博客web服务器换成了阿里云独享型服务器. 今天下午故障前,博客站点一共投用了3台4核8G+1台8核8G阿里云服务器. 13:50左右,为了防止4台服务器撑不住,我们使用阿里云的弹性伸缩服务,创建了一个根据CPU占用情况自动增加服务器的“报警任务”. 哪知刚创建完,访问量就突增上去了,负载均衡中有

安装homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装nodejs brew install node 在安装nodejs过程中,提示如下警告: You have Xcode 8 installed without the CLT; 根据提示进行安装 安装hexo sudo npm install -g hexo 创建文件夹 mkdir

在参考“如何快速转载CSDN中的博客”后,由于自己不懂html以及markdown相关知识,所以花了一些时间来弄明白怎么转载博客,以下为转载CSDN博客步骤和一些知识小笔记. 参考博客原址:http://blog.csdn.net/bolu1234/article/details/51867099 转载CSDN博客步骤: 1.CSDN博客页面右键,点击[检查] 点击检查后,页面右侧出现html代码,如下图 2.如果需要转载全文,则在html代码下侧点击选中article_content 即可,会

Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.官方文档传送门.Hexo的安装是个很快速简便的过程,但依然还是有不少坑.这里记录个我的安装过程(这是我的Hexo+GitHub+Next+Markdown个人网站),给大家一些参考. 整理一下安装流程: .hexo是基于nodejs的,需安装nodejs,安装nodejs最好选择homebrew .首先查看电脑是否安装ruby,因为homebrew安装

1.参考 我的 Github 个人博客是怎样炼成的 http://www.jianshu.com/p/4fd3cb0a11da 到了第三节"三.使用 Jekyll 搭建个人博客"时需要安装Jekyll 2.安装Jekyll参考 Jekyll安装教程 http://www.jianshu.com/p/1093b5565918 到了最后一步"5. Jekyll启动与调试"时遇到了问题 New jekyll site installed in /Users/myPath.

在参考"如何快速转载CSDN中的博客"后,由于自己不懂html以及markdown相关知识,所以花了一些时间来弄明白怎么转载博客,以下为转载CSDN博客步骤和一些知识小笔记. 参考博客原址:http://blog.csdn.net/bolu1234/article/details/51867099 转载CSDN博客步骤: 1.CSDN博客页面右键,点击[检查] 点击检查后,页面右侧出现html代码,如下图 2.如果需要转载全文,则在html代码下侧点击选中article_content