博客园记录方法小记

参考链接:228.TinyMCE使用 - Zander_Zhao - 博客园 (cnblogs.com)

 

 

一、基础操作(看图识意)

博客园记录方法小记_新建窗口

 

 

 

 

二、超链接锚点实现跳转与目录

  2.1 超链接

1、 博客园
2、 我的博客园

 

  • 选中需要添加超链接的部分

       博客园记录方法小记_上传_02

  • 点击超链接按钮

     博客园记录方法小记_上传_03

  • 添加链接、选择跳转方式

  博客园记录方法小记_锚点_04

  注:只有在预览和发布视角,该链接才有效

 

  2.2 目录

  • 先在目录想要抵达的地方建立书签(例如本文顶部)

    博客园记录方法小记_超链接_05

 

  • 给书签起名,必须以英文开头,可以有数字,不可以有中文字符

 

     博客园记录方法小记_新建窗口_06

    博客园记录方法小记_锚点_07

  • 选中触发位置,点击超链接

    触发位置

    博客园记录方法小记_锚点_08

    注:预览窗口见不到该效果(预览只会点到博客网官网),需等发布后才可以观察

 

 

 

  2.3  四个打开方式的不同

  • 方式1:本页面打开   在当前窗口打开超链接
  • 方式2:新建窗口打开  在新的窗口打开超链接
  • 方式3:父级打开    在父级窗口打开超链接(逻辑上一层页面,主界面,不是上一个界面)
  • 方法4:顶部打开    在顶部窗口打开超链接(逻辑最顶层页面,最根页面)

 

 

三、 图片上传和调整

  3.1 本地图片上传

  博客园记录方法小记_拖拽_09

  博客园记录方法小记_新建窗口_10

  博客园记录方法小记_拖拽_11

 

  3.2 网络图片上传

   博客园记录方法小记_锚点_12

  博客园记录方法小记_超链接_13

  博客园记录方法小记_新建窗口_14

 

  3.3 图片调整

  若浏览器支持拖拽,可直接拖拽,若不支持,则使用外观进行大小调整

  博客园记录方法小记_拖拽_15

 

 

 第一个博客,努力学习!加油ヾ(◍°∇°◍)ノ゙