回溯整个网页制作的流程

Welcome to the new world!

整个流程

主要还是参考这篇文章
其他有用的文章还包括 解决插图的疑惑
这个是关于 fluid主题 的官方文档

这是链接格式 [链接显示名]([链接地址] "链接标题") 但我这里用的格式是 [链接显示名](链接地址)

//TODO

1.下载git bash

2.下载nodejs

3.下载npm

去git bash输入node -v和npm -v检查是否下载成功

4.github新建仓库

5.生成密钥, 产生链接

密钥在 C:\Users\15473\.ssh

6.

关于图片

鉴于这个markdown迟早要变成html,还是建议多用html语法!

注意插图的格式为

<div>
<img src=/img/picture1.png width=30%/>
</div>

但是如果要控制位置和大小, 目前探索出来的写法只有html语法, 而且目前还不支持链接添加图片(只能在.md上面显示), 都是本地的图片, 在.md能控制大小但是在网页依然无法控制…(怪, 很奇怪…)

控制位置

右边

<div align=right>
<img src="/img/cat.png" width=70%/>
</div>

中间

<div align=center> <img src="/img/picture1.png" width=30%> </div> 

并排

<div align=center> <img src="/img/picture1.png" width=30%> &nbsp;<img src="/img/picture1.png" width=30%>
</div>

 

出现过的问题

• 插入图片
  • 根据教程的相对路径, 本来把图片放到_posts里面, 也就是和.md都放到了一起, 是没办法打开的.
  • 在source文件夹下新建 img文件夹, 再把图片放进去, 就可以了
  • 初步判定为: theme-fluid的img文件夹和MyBlog的文件夹合并的时候, 本来我的MyBlog/source文件夹没有img文件夹, 就一直默认使用fluid的img文件夹, 所以就找不到我自己设置的图片

常用命令

hexo clean && hexo g hexo s
 都在本地

hexo d
 部署到.io上

hexo new blog
 创建新的文章