github怎么发表博客图片
-
要在GitHub上发表博客并插入图片,可以按照以下步骤操作:
1. 创建一个新的仓库或使用已有的仓库作为博客仓库。在仓库主页面,点击右上角的”New”按钮创建新仓库,或选择已有仓库进入。
2. 在仓库主页面,点击上方的“Create new file”按钮,进入文件编辑页面。
3. 在文件编辑页面,文件名输入“_posts/文章日期-文章标题.md”的格式,比如“_posts/2022-01-01-HelloWorld.md”,然后按回车键预览编辑页面。
4. 在编辑页面的内容区域,使用Markdown语法编写博客内容。要插入图片,可以使用以下方法:
– 使用外链图片:在Markdown语法中,可以使用``的格式插入外链图片。你需要先将图片上传至互联网上的图床,并获得图片的URL,然后将URL填入括号中。
– 使用本地图片:将图片文件上传到博客仓库的某个路径下,然后在Markdown中使用相对路径插入图片。例如,如果你的图片放在博客仓库的`images`文件夹下,可以使用``的格式插入图片。
5. 编写完博客文章,并插入图片后,点击下方的“Commit new file”按钮提交新文件到仓库。
6. 切换回仓库主页面,点击上方的“Settings”选项卡,进入仓库设置页面。
7. 在仓库设置页面,找到“GitHub Pages”部分,选择“master branch”作为GitHub Pages的来源,并点击保存。
8. 在保存后稍等片刻,你的博客就会被托管在GitHub Pages上了。可以通过仓库的地址或用户名.github.io/仓库名的方式访问博客,并查看插入的图片是否显示正常。
这就是在GitHub上发表博客并插入图片的方法。希望对你有帮助!
2年前 -
在GitHub上发表博客,可以通过以下步骤添加和显示图片:
1. 将图片上传到GitHub仓库:首先,在仓库的文件夹中创建一个名为“images”或其他适当名称的文件夹,然后将图片文件上传到该文件夹中。点击仓库页面上的“Add file”按钮,然后选择“Upload files”来上传图片。你可以一次上传多张图片。
2. 获取图片链接:在上传完成后,点击图片文件的名称来查看文件内容。右侧将出现一个文件预览,点击“Download”按钮以获取图片的链接。复制这个链接以备后用。
3. 编辑博客文章:在博客文章的Markdown文件中,你可以使用以下语法在文章中添加图片:
“`

“`在这里,`alt text`是用于图片无法显示时的替代文本,`image-url`是图片文件的链接。将这两个值替换为你的图片相关信息。
4. 提交更改并保存:将更改提交到GitHub仓库后,你的博客文章将会自动显示图片。在编辑博客时,你可以实时预览文章是否正确显示了图片。
5. 再次发布博客:如果在HTML页面中使用了博客图片,确保在发布博客时更新这些链接。使用相对路径来指向图片文件,例如:“images/image-name.jpg”。这样可以确保图片在发布后仍然可以正确显示。
通过以上步骤,你可以在GitHub上轻松地发表博客并添加图片。记得及时更新图片的链接以确保图片在发布后仍然可以正确显示。
2年前 -
在GitHub上发表博客图片可以使用两种方法:使用外部图片链接或者上传到GitHub仓库。
方法一:使用外部图片链接
1. 在GitHub上创建一个新的仓库用于存储博客图片,将仓库命名为”blog-images”或者其他有意义的名称。
2. 打开一个图像托管服务网站,如imgur.com或sm.ms,并上传需要在博客中使用的图片。图片上传完成后,获取到该图片的外部链接。
3. 在你的博客文章中,使用以下格式来插入图片:
“`markdown

“`其中,图片描述是可选的,可以用来对图片进行描述,图片链接是步骤2中获取到的外部链接。
4. 在GitHub上创建或编辑你的博客文章,使用以上格式插入图片链接。
方法二:上传到GitHub仓库
1. 在GitHub上创建一个新的仓库用于存储博客图片,将仓库命名为”blog-images”或者其他有意义的名称。
2. 将需要使用的图片上传到该仓库中,可以直接将图片文件拖拽到仓库页面中即可完成上传。
3. 在你的博客文章中,使用以下格式来插入图片:
“`markdown

“`其中,图片描述是可选的,可以用来对图片进行描述,仓库名称是步骤1中创建的仓库名称,图片文件路径是在仓库中的文件路径。
4. 在GitHub上创建或编辑你的博客文章,使用以上格式插入图片链接。
无论选择哪种方法,都需要确保你的博客文章中的图片链接是正确的,并且可以在浏览器中正常访问。另外,使用外部图片链接可能会受到外部服务的限制,如果图片链接失效或被删除,图片将无法显示。因此,上传到GitHub仓库是更稳定的选择。
2年前