在ubuntu系统中搭建笔记文档(typora+Picgo+Gitee)(全程记录)

系统配置:ubuntu18.04

1、安装typora

命令行中依次执行以下命令:

# or run:
# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE
wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -

# add Typora's repository
sudo add-apt-repository 'deb https://typora.io/linux ./'
sudo apt-get update

# install typora
sudo apt-get install typora

2、安装PicGo

  • Picgo发型版目录 在其中选择后缀为AppImage的发行版进行下载。
  • 下载后右键PicGo-2.3.0.AppImage->属性->选中允许文件作为执行程序。

请添加图片描述

  • 双击运行后出现桌面出现这个标志。
    请添加图片描述
  • 鼠标右击->打开详细窗口->选择插件设置->选择gitee进行安装。
    请添加图片描述
  • 然后打开Gitee图床(长下面这个样子),OK先这样留着不动,我们开始准备下面遮挡住红色的部分的内容。
    请添加图片描述

创建Gitee的图床仓库

  • 要有一个Gitee的账号啊(Gitee官网)。
  • 创建一个新的仓库。
    请添加图片描述
  • 回到主页
    请添加图片描述
  • 点击私人令牌->生成令牌。请添加图片描述
  • 权限要全打上对勾->提交->输入密码->得到令牌->保存好自己的令牌。
    请添加图片描述

安装nodejs

  • 如果有老版本的nodejs要先卸载掉。
    sudo apt-get remove nodejs
    
  • nodejs官网进行下载最新的版本。
  • 下载完成后解压,发现里面是这些。
    请添加图片描述
  • 我们先在/usr/local/lib文件夹下创建一个nodejs文件夹。
    cd /usr/local/lib
    mkdir nodejs
    
  • 然后再把解压后的nodejs文件都转移到/usr/local/lib/nodejs文件夹下,并且创建环境变量。
    sudo cp -r node-v12.8.3-linux-x64/* /usr/local/lib/nodejs
    echo "export export PATH=/usr/local/lib/nodejs/bin:$PATH" >> ~/.bashrc
    echo "export export PATH=/usr/local/lib/nodejs/bin:$PATH" >> ~/.bashrc
    . ~/.profile
    . ~/.bashrc
    
  • 测试安装是否成功(会显示版本号)。
    node -v
    npm -v
    
  • 然后给ubuntu的命令行执行提供一些软连接。
    sudo ln -s /usr/local/lib/nodejs/bin/node /usr/bin/node
    sudo ln -s /usr/local/lib/nodejs/bin/npm /usr/bin/npm
    sudo ln -s /usr/local/lib/nodejs/bin/npx /usr/bin/npx
    sudo ln -s /usr/local/lib/nodejs/bin/cnpm  /usr/local/bin/cnpm
    sudo ln -s /usr/local/lib/nodejs/bin/picgo  /usr/local/bin/picgo
    
  • 配置cnpm。
    sudo npm install -g cnpm
    
  • 安装PicGo-core。
    sudo cnpm install picgo -g
    
  • 安装插件picgo-plugin-gitee-uploader
    picgo install gitee-uploader
    
  • 修改PicGo-core的配置文件。
    gedit ~/.picgo/config.json
    
    然后按照下面的设置填写自己的。
    {
      "picBed": {
        "current": "gitee",
        "uploader": "gitee",
        "smms": {
          "token": ""
        },
        "gitee": {
          "message": null,
          "owner": "guo_song_hui",#自己填gitee用户名
          "path": "img",
          "repo": "guo_song_hui/image", #用户名/仓库名
          "token": "11111111111111111111111111" #写自己的令牌
        }
      },
      "picgoPlugins": {
        "picgo-plugin-gitee": true,
        "picgo-plugin-gitee-uploader": true
      },
      "picgo-plugin-gitee-uploader": {
        "lastSync": "2021-11-04 04:47:42"
      }
    }
    

配置Typora集成PicGo-core

  • 点开Typora的偏好设置
    请添加图片描述
  • 配置Typora集成PicGo-c请添加图片描述
    按照如上设置,在命令里填写/usr/local/lib/nodejs/bin/node /usr/local/lib/nodejs/bin/picgo upload
    然后点击验证图片上传,看能否成功

参考文档1
参考文档2

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐