GithubHelp home page GithubHelp logo

hemoua / cnblogsupload Goto Github PK

View Code? Open in Web Editor NEW
13.0 2.0 2.0 111 KB

用于上传Markdown文件内的图片至博客园

License: MIT License

JavaScript 77.11% CSS 12.86% HTML 10.03%
cnblogs markdown upload

cnblogsupload's Introduction

cnblogsUpload

GitHubGitHub code size in bytes

项目背景

​ 因为习惯使用Markdown格式做笔记,有时希望将它放到网上方便在任何有网络的地方查找。开始是放到Github中的,但是有时访问的速度太慢了所以准备将笔记放到博客园中,这样访问速度就快了。

​ 但是使用Markdown写的文件中时不时会有几张图片,上传笔记的时候还要一个一个的去本地找照片,再上传到博客园上。如果说一两张图片还好,但是图片多了,这样重复无聊的动作就会让人烦躁,因此便产生了编写能自动上传Markdown中的本地图片,并自动改掉文章中的链接的程序的想法

安装

安装依赖

$ npm install

本地运行

$ npm run start

打包

$ npm run package

使用说明

登录

方法一、软件内登录

软件界面

点击登录按钮,在弹出窗口完成登录后关闭窗口,用户的 cookie 信息会自动填充到输入框

方法二:手动获取 cookie

1、先按F12打开开发者设置,然后找到Network那一项,选中它

2、访问自己的博客园首页

操作

比我自己的这个博客hemou/,点击一下它

3、headers -> request headers -> cookie,把cookie对应的值全部复制下来,粘贴到输入框即可

上传

先拖拽 markdown 文件到左边虚线框内

然后拖拽图片文件,找到存放图片的位置,ctrl+a全部复制,不管图片是不是在文章中引用过,程序会自动剔除多余的图片。要注意的是这个是根据正则表达式判断的,只写了![]()类型的,还有种格式<img src>大概长这样的类型并没用考虑。底下有可上传图片的数量,左边虚线框有图片的样子,可以判断上传是否有误。

还有需要注意的地方,图片的位置只能是相对路径,否则不能上传成功。如果你使用的是Typora文本编辑器的话可以在偏好设置里调节,为保证成功上传,设置成如下图所示就行了。这样当我们拖动一个文件到Typora文本编辑器里时,软件会自动复制图像到指定的相对路径中。

最后点击解析上传就行,程序会将本地地址替换为链接,并输出为一个副本,不用担心对之前的文本有损伤

License

MIT © HeMOua

cnblogsupload's People

Contributors

hemoua avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

c4az6

cnblogsupload's Issues

cookie[i].session 总是false,导致未登录上传不了图片

环境: deepin 15.11

 if((cookie[i].name == '.Cnblogs.AspNetCore.Cookies' || cookie[i].name == '.CNBlogsCookie') && cookie[i].session)

打印了日志,发现cookie[i].session 总是为false,但Cookie一个带截至日期的持久 cookie。最后我去掉这个条件才能上传,请问为什么要判断这个cookie[i].session 条件呢?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.