前言 本文首发于个人网站Jianger's Blog,欢迎访问订阅.个人博客小站刚建站不久,想着除了主题里的功能外再添加上相册模块,于是半搜索半摸索把相册模块搞出来了,最后采用了利用腾讯云对象存储作图床的方案,在国内速度也快,不用上传图片还来修改代码,只负责上传图片就好.我参考了以下博文给hexo静态博客添加动态相册功能.实现本模块需要两方面的设置:一是腾讯云对象存储:二是代码层添加相关页面: 腾讯云部分设置 腾讯云新用户使用对象存储每月有50G的免费额度,持续6个月.但是!不包括下行流量等其他

前言 上传文件的接口设计有两种风格,一种是整个项目只设置一个接口用来上传,然后其他需要用到文件的地方,都只存一个引用ID:另一种是每个需要文件的地方单独管理各自的文件.这俩各有优劣吧,本项目中选择的是后者的风格,文章图片和照片模块又要能CRUD又要批量导入,还是各自管理文件比较好. 图片接口 说会正题,先介绍一下图片相关接口. 图片列表 首先CRUD是肯定有的,图片列表的分页查看也是有的,不过因为筛选功能没有做,所以就不定义一个ViewModel作为参数了. 控制器代码 StarBlog.Web

前言 我的服务器带宽比较高,博客部署在上面访问的时候几乎没感觉有加载延迟,就没做图片这块的优化,不过最近有小伙伴说博客的图片加载比较慢,那就来把图片优化完善一下吧~ 目前有两个地方需要完善 图片瀑布流 图片缩略图 图片瀑布流 关于瀑布流之前的文章有介绍: 基于.NetCore开发博客项目 StarBlog - (10) 图片瀑布流 不过当时直接套用的 Bootstrap5 例子代码,有偶尔显示错位的bug 我又去看了一下 masonry-layout 的官网,找到这个bug的原因:瀑布流在图片还

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBlog - (5) 开始搭建Web项目 基于.NetCore开发博客项目 StarBlog - (6)

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBlog - (5) 开始搭建Web项目 基于.NetCore开发博客项目 StarBlog - (6)

之前在 MWeb 中打开非文档库中的 Markdown 文档,如果文档中有引用到本机图片,是没办法在 MWeb 中显示出来和预览的.这是因为 Apple 规定在 Mac App Store(MAS) 上的软件,都不能对软件自己的沙箱之外的文档进行任何操作,连读取都不能,除非用户明确授权.而用户授权的方式是使用打开.保存对话框.比如说你用 MWeb 打开一个 Markdown 文档,那么 MWeb 就能得到读写这个文档的权限.再比如说你用 MWeb 导出为 HTML 功能,在保存为对话框中选择一个

为了解决发博客时需要先要上传,所以查了一下这个方法 1.把本地图片转为base64编码的字符串, 网上有很多提供这个功能的网站,转换后像这样 data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gALcWl5aTEuMC4z/9sAQwACAQEBAQECAQEBAgICAgIEAwICAgIFBAQDBAYFBgYGBQYGBgcJCAY......... 字符串太长了,看看意思就行了 2.使用编辑器的插入图本功能,把转后的字符串粘贴到 "图

查看当前的博客发表情况 截图一张立马粘贴进来 点击发表,显示数据太长 不断撤退回到刚刚页面 删除大图,换成小图,上传方式 点击发表可以成功发表 数据库中查看,是把图片生成这种编码后字符串方式存储的了,肯定每个图片占了大量空间 查看当前的富文本设置 按照中文网上传 http://tinymce.ax-z.cn/general/upload-images.php 实现图片上传原内容 要使TinyMCE能够上传图片,需要如下几步: 第1步:上传图片,首先要启用图片插件 在plugins参数中把imag

发博客时,总免不了要用图片说话.经过长时间的磨合,在 Linux 桌面系统下有几款图片处理软件我已经用得比较顺手了.这几款软件在 Linux 世界使用广泛,各个 Linux 发行版的软件仓库中都有自带的安装包,而且这几款软件运行稳定.界面美观.特在这里推荐给大家. 请看我的桌面,左边的 Luancher 中下面的五个图标就是我今天要介绍的五款图片处理工具: 一.截图工具 gnome-screenshot 这个软件不用自己安装,它是 Gnome 桌面自带的截图软件,一般在 Linux 系统安装完成

插件说明 Aplayer.Dplayer @DIYgod 大佬在gihub的开源项目,对此,表示非常之感谢!! Aplayer 支持放在页首 支持放在页尾 但是不支持直接放在文章中引用 解决方法: 1.可以把所有代码放在页尾,可能是因为js冲突,但是在页尾的代码可以被引用,然后再文章中用全部的代码在文章中重新写. 2.第二种解决方法是把全部的代码放在侧边栏,但是侧边栏不会显示出来,但是右键单击后就出来了,我擦..... ~这正是我们想要的结果,但是代码被引用,所以还是在博客文章的写上所有的代码,

目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写博客需要在第三方博客平台注册帐号,且需要第三方博客平台提供API接口.目前的有的博客平台均已关闭博客接口,所以无法使用Word来发布博客. 2.发布到博客或公众号平台的图片无法转载.由于所有博客平台,公众号平台(如微信)开启了图片防盗链功能,作者发布到这些平台上的图片则无法转载到其它的网站中,这限制

个人博客记录:2017-11-09 png-----32位无损压缩算法形成的图片,主要用于logo小图标和一些点缀的小图像.放大缩小不会失真,质量好 jpeg,jpg-----压缩比例较高(可达到100:1,即压缩一百倍),放大缩小失真.适用于比较大的图片,省流量 gif----动态图,(你懂得),适用于动画效果.

未添加图片样式 添加图片设置: 1.允许渲染img标签 在数据库文章模型allowed_tags中添加img 2.给clean函数加个参数attributes=attrs, attrs = { '*': ['class'], 'a': ['href', 'rel'], 'img': ['src', 'alt'], } target.body_html = bleach.linkify(bleach.clean(markdown(value,output_format='html'),tags=a

开始 今天开始尝试使用 Typora 写markdown 然后复制到博客园,不过会有一个问题 那就是 typroa 插入的图片都是本地的,md文档复制到博客园之后,图片都失效了 通过百度,有工具可以直接把 md 文档中的图片上传到博客园,然后替换文档中的链接,我把工具下载下来之后,发现这东西依赖.net ,而这个东西好大,所以萌生了自己写一个工具的想法 分析博客园上传图片接口 博客园有三种编辑器,其中markdown 编辑器和tinyMCE 编辑器可以上传图片 首先分析一下接口,在拖入图片之后会

Hexo是一个静态的博客网站生成器,生成一个博客只需要分分钟的时间就能搞定. Hexo的博文是支持Markdown格式的,发表一篇文章只需要简简单单的几个命令. hexo new '文章'就会生成一个名为'文章'的md文件. 在图中位置添加描述,分类以及标签,有利于搜索分类. 如何向hexo博客中插入图片 众所周知,在md文件中插入图片的语法为![](). 其中方括号是图片描述,圆括号是图片路径. 一般来说有三种图片路径,分别是相对路径,绝对路径和网络路径. 所谓的网络路径就是直接引用网上的图片

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBlog - (5) 开始搭建Web项目 基于.NetCore开发博客项目 StarBlog - (6)

前言 九月太忙,只更新了三篇文章,本来这个功能是从九月初就开始做的,结果一直拖到现在国庆假期才有时间完善并且写文章~ 之前我更新了几篇关于 Python 的文章,有朋友留言问是不是不更新 .Net 了,那肯定不能啊,我只能说「我 全 都 要」,所以我反手就更新了一篇Asp-Net-Core开发笔记. 然后顺便立个Flag:今年底前完成StarBlog系列文章的主体部分(即API开发+后台前端开发,目前只完成博客前后端部分),加油吧~ OK,说回本文,程序员都喜欢用Markdown来写文章,但由于

搭建一个wordPress作为一个个人博客本来是特别简单的事情,但是网上的各种转载让初学者举步维艰,我就本身条件而言,会java EE,懂mysql都花费了我好长时间才搭建好本地博客. 注意:这个是本地博客,就是自己计算机当做服务器的博客,不是这个情况的,可以作为参考.有的人自己有主机,有的人买主机,有的人买域名.这些我暂且先不管,因为无论怎样,总要把这些东西配置到一个电脑上,那么我就用我的电脑先练练手.其他的怎么配置远程主机,配置域名呀之类的,自己网上搜去吧,乱的很,那些都是根据不同的服务商提

前言 本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言 一.本地搭建 1.安装前置 1.1安装git 在git官网下载最新版本的git即可,因为本地是Windows所以下载Windows版本即可,如下图所示,如果你是x64版本的电脑就下载红色箭头所指的版本,如果你是x32的就下载x32版本的. 下载完毕安装包之后全部next下一步即可 1.2安装node.js 安装hexo博客需要nodej

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBlog - (5) 开始搭建Web项目 基于.NetCore开发博客项目 StarBlog - (6)

本系列有五篇:分别是  [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面  [二]jekyll 的使用 :主要是jekyll的配置  [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo     目录: 一.静态博客: 二.关于hexo和jekyll 三.Hero的安装 一.静态博客: 引用链接:https://ww