hexo 集成相册操作

原文博客地址

藤原拓鞋的博客

hexo 基本操作

创建一个新页面

hexo new "my new article"  (引号里为新建博客文章的名字)
执行完就会在source/_posts文件夹下创建对应的.md文件

编译文件

hexo g

启动服务器,执行文件

hexo server
简写 hexo s

部署文件到远端服务器

hexo deploy
简写 hexo d

上传文件到 Github

  1. 在 Github 上新建仓库
  2. 在需要上传的文件夹目录下,运行 git init 初始化 git
  3. 运行 git add 命令,将需要上传的内容放到暂存区
  4. 运行 git commit -m ‘first commit’ 将暂存区的内容放到仓储里面
  5. 运行 git remote add origin https://github.com/li-car-fei…git,将仓储与Github仓库联系起来
  6. 运行 git push origin master 将文件提交到 Github 仓库里面,这样就完成了文件的提交

hexo 相册设置

  1. 下载需要的脚本:https://github.com/Janche/Blog-Photo.git

建立 github 仓库,并按上方提示关联本地文件夹
在 hexo 项目同级目录下创建空文件夹子,并创建 photos 和 min_photos 文件夹将下载的脚本中的 python 文件复制过去
上传文件到 github 库

把 blog_photos_copy 文件夹里的四个文件复制到 source/photos 文件夹中。
修改 ins.js 文件

for (var i = 0, len = data.link.length; i < len; i++) {
  var minSrc =
    "https://raw.githubusercontent.com/li-car-fei/hexo-Picture/master/min_photos/" +
    data.link[i];
  var src =
    "https://raw.githubusercontent.com/li-car-fei/hexo-Picture/master/photos/" +
    data.link[i];
  var type = data.type[i];
  var target = src + (type === "video" ? ".mp4" : ".jpg");
  src += "";

  liTmpl +=
    '
\ + src + '" itemprop="contentUrl" data-size="1080x1080" data-type="' + type + '" data-target="' + src + '">\ + type + '" data-src="' + minSrc + '" src="/assets/img/empty.png" itemprop="thumbnail" οnlοad="lzld(this)">\ \
' + data.text[i] + "
\
"
; }

修改先前存好的 tool.py 文件

with open("../Hexo/source/photos/data.json","w",encoding='utf-8') as fp:
json.dump(final_dict, fp,ensure_ascii=False)

执行 python 文件
目的是裁剪压缩照片,自动生成缩略图,并且在博客目录下的/source/photos/文件夹下生成 data.json 文件,同时利用 git 指令将文件夹里的东西上传到 github 仓库。每次修改图片都要执行一次。


最重要的是,保存在 photos 文件夹里面的图片需要遵循命名规则:2019-10-10_照片名称.jpg

修改 hosts 域名

由于域名访问限制,导致 github 上缓存的图片无法正常加载
我们需要打开路径 C:\Windows\System32\drivers\etc 下的 hosts 文件
在后面加上

# GitHub Start
192.30.253.112    github.com
192.30.253.119    gist.github.com
151.101.184.133    assets-cdn.github.com
151.101.184.133    raw.githubusercontent.com
151.101.184.133    gist.githubusercontent.com
151.101.184.133    cloud.githubusercontent.com
151.101.184.133    camo.githubusercontent.com
151.101.184.133    avatars0.githubusercontent.com
151.101.184.133    avatars1.githubusercontent.com
151.101.184.133    avatars2.githubusercontent.com
151.101.184.133    avatars3.githubusercontent.com
151.101.184.133    avatars4.githubusercontent.com
151.101.184.133    avatars5.githubusercontent.com
151.101.184.133    avatars6.githubusercontent.com
151.101.184.133    avatars7.githubusercontent.com
151.101.184.133    avatars8.githubusercontent.com

# GitHub End

没有管理权限就把文件复制重新创一个文件~ 再复制粘贴

总结

踩坑难受,希望能帮到大家哦

你可能感兴趣的:(git,前端)