当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

last-blog

仿GitHub风格个人博客, vue+vuex+koa+mongodb
授权协议 Readme
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 凌智
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Last Blog

一个仿GitHub风格的个人博客,可在线编辑,支持Markdown语法

点此预览

启动项目

# clone
git clone git@github.com:dj940212/vue-blog.git

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

添加配置文件

~/server/config下创建一个index.js文件,用于存放密码账号等敏感数据

export default {
	db: 'mongodb://username:password@ip:port/database',
	user: {
        username: 'username',
        password: 'password'
    }
}

功能预览

预计实现功能

  • 在线Markdown编辑器

  • Markdown工具条

  • 在线新增,修改,删除文章

  • 活跃度表格

  • 导入本地markdown文件

  • 代码高亮

  • 标签系统

  • 个人信息面板

  • 文章浏览量

  • 操作日志列表

  • 文章搜索

  • 评论

  • 消息管理

  • 关于资源验证 如果给Cache-Control设置no-cache之后,每次浏览器发起对设置了Cache-Control的资源请求的时候 都要去到服务器端进行一个资源的验证, 验证如果资源可以使用,那么才会读取本地的缓存 缓存验证流程 1 ) 浏览器创建了一个请求, 首先请求到达的地方是在本地缓存, 当然是建立在有Cache-Control头的情况下 如果在本地缓存里查找,如果找到,则直接返回给浏

  • 今天,在修改小程序列表页的样式时发现了一个有意思的事,:last-child偶尔失效?刨根问底了一会,终于知晓。为了方便理解下面是代码和解析~ wxml: //数据列表页 <view class="list-wrapper"> <view wx:for="{{list}}" wx:key="index" class="list-item" > <image class='item-i

  • 1.jQuery 选择器 first-child和first-of-type 的区别 测试代码:   <a>aaaa</a>   <p id="firstP">1</p>   <p>2</p>   <p>3</p>   <div> <!--可以把第一个a标签注释掉在试试 或者把这个a和下面的p换一下位置 看看first-child和first-of-type的效果 -->     

  • https://blog.csdn.net/erdouzhang/article/details/70842177 最近系统项目,遇到较多表格 和 div 需要根据 写样式的 1.first-child(IE7兼容)、last-child(IE8不兼容)   html: <body>   <h2>列表</h2>   <ul>     <li>列表项目1</li>     <li>列表项目2</li

  • 注:nth-child(n)选择器匹配父元素中的第n个子元素。 n可以是一个数字,一个关键字,或者一个公式。 nth-child(n)用法: 1、nth-child(3) 表示选择列表中的第3个标签,代码如下: li:nth-child(3){background:#fff} 1 2、nth-child(2n) 表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签,代码如下: li:nt

  • 转自:http://blog.csdn.net/shanliangliuxing/article/details/9170485 1) 什么是”Last-Modified”?   在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记此文件在服务期端最后被修改的时间,格式类似这样: Last-Modified: Fri,

  • 1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) 表示选择

  • nginx的proxy_cache可以通过缓存首部Cache-Control和Expires进行代理缓存,但是有个参数proxy_cache_revalidate on; 可以有效减少报文的传输。在说这个之前,先看下原理。在HTTP协议中If-Modified-Since和If-None-Match分别对应Last-Modified和ETag。结合Expires为缓存的方式实现减少传输报文的场景。

  • 缓存机制 (http1.0中)检查expires过期时间, (http1.1中)检查Cache-Control的max-age,优先级更高 Pragma(兼容http1.0, 在HTTP/1.1协议中,它的含义和Cache- Control相同) 是否可以直接使用缓存资源? 可以使用:则返回200(from cache),此时浏览器和服务器没有任何交互 已过期: (1)使用Last-Modifie

  • last没有提供从几月几号到当前的记录,只提供了几月几号之前的记录。所以根据安全检查要求2020年1月份的登录记录: 先输出全部登录记录到一个文本文件中: [db1 ~]$ last > 164-2020.txt 然后查看2020年1月1日之前的登录信息 [db1 ~]$ last -t 20200101000000|more oracle   pts/0        192.62.250.10

  • 选择器:first-child与:last-child失效的解决方法 参考文章: (1)选择器:first-child与:last-child失效的解决方法 (2)https://www.cnblogs.com/xiao-baobao/p/9945671.html (3)https://www.codeprj.com/blog/97c2471.html 备忘一下。

  • 原文链接: https://justforuse.github.io/blog/zh-cn/2020/03/last-of-type-tutorial/

 相关资料
  • Bootstrap为样式化Blog提供了一些不同的选项。 一些博客元素如评论框,博客文章,博客页脚等。

  • 在本章中,我们将研究如何在Drupal中Create Blogs 。 博客条目可以为网站成员公开或私有,具体取决于哪些角色有权查看内容。 以下是用于创建Drupal博客的简单步骤。 Step 1 - 单击Modules ,如以下屏幕所示。 Step 2 - 接下来,选中博客框以安装它。 启用“ Blog module ,然后单击“ Save configuration ,如以下屏幕所示。 Step

  • 咸蛋博客是wordpress,tumblr,pinterest三合一的开源博客 特点: 1:基于wordpress3.3.2,可以使用wordpress已有的所有插件,模块,继承了wordpress所有的优点 2:可以把现有博客数据快速导入咸蛋博客,把自己的博客快速变成流行的轻博客 3:6种文章形式,日志,图片,音乐,视频,引言,链接,一个完整的轻博客系统。 4:默认使用瀑布流式布局,拥有自己的p

  • 前言:这个项目我花了很多时间去学习维护迭代,其中2020年4月到今年6月份,其中有非常多原因没有继续维护迭代,这一年中,我经历了很多事情:有痛苦的,有快乐的,也有大起大落的。这一年的经历总结一句话:喜欢的,就赶紧去做吧,选择了,就别后悔了。现在,我回来了,这个月我删掉了所有的commit log,删了之前大量的辣鸡代码,把我积累到的知识重新写了一版本,我会继续优化迭代这个项目,希望能和伙伴们继续快

  • 博客地址:naice-blog 博客管理:naice-blog-admin 博客后台:node-koa 克隆项目 git clone git@github.com:naihe138/naice-blog-koa.git 安装 npm install 运行 npm run dev 打包 npm run build 运行打包代码 npm start 功能 登录、退出 文章管理 文章修改,删除 添加文章

  • 环境准备 vue-cli v4.2.3 Node.js v12.13.0 MongoDB v4.2.3 安装依赖 1. cd server 进入 serve 文件夹 npm i 2. cd web 进入 web 文件夹 npm i 3. cd admin 进入 admin 文件夹 npm i 本地启动项目 1. cd server 进入 server 文件夹 运行前, 请确认是否已启动本地 mon