利用Word和Github制作个人博客网站(二)

前言

在前面第一篇已经介绍了怎样创建一个用Word制作的博客首页。链接

这篇进一步完善我们的博客体系,阅读完此篇基本就可以了。更多奇淫技巧,不定期分享。


一、创建博客目录网页

1,在文件夹中创建一个word命名为directory.docx,然后打开,制作目录页。为了让每一条博客名都看上去会对齐一点,添加一个表格,然后隐藏框线。


目录页

2,新建第一篇博客文章的文件名为blog1.docx,由于后面转换成blog1.html。所以给上图中“我的第一篇博客”加上链接


加超链接

3,可以写你的第一篇博客,这里你可以做一个自己的博客模版,以后用起来就方便了。改一下内容就好了。

Word渣大蓝鲸做了一个简单的示范,然后另存为html格式(第一篇里有讲解具体操作,链接


博客页面

4,将blog1.html和blog1.files文件夹(因为含图片)上传到Github上你的项目里。上传后别忘了往blog1.html文件前加一句代码 <!DOCYTYPE html>


二、博文目录添加回首页的链接

1,因为一般到了目录页面,又想到首页,浏览器返回也可以,或者直接点击超链接过去。我这里是把标题加链接,首页的链接应该是index.html。


返回首页链接

2,同样另存为html格式,然后上传,再添加代码。

3,再打开之前首页页面,添加博文目录的链接。再上传,添加。

4,现在浏览器输入 dadalanjing.github.io,可以发现咱们的链接都成功跳转了。


三、总结

1,到这里基本所有的操作都结束了,一个简易的博客网站框架搭建好了。

2,发现操作都是新建docx,编辑内容,转html文件,添加目录超链接,上传github,添加html文件一条语句,流水线操作。


后记

大蓝鲸做这个教程只是用一种简单的技巧,做一些简单的东西,过程不可避免机械化。

对于做复杂的网站,炫酷的效果,当然有更有效的方法,随便搜一下都有很多。

这里是提供一个思路,如果有帮助,请点个赞吧。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 您好,我可以帮您编写一个简单的静态网页小游戏。首先,您需要准备一个HTML文件,其中包含游戏的样式和布局;其次,您需要准备一个JavaScript文件,其中包含游戏的逻辑和功能;最后,您需要将HTML文件和JavaScript文件连接起来,以实现游戏的功能。 ### 回答2: 当然可以帮你编写一个简单的静态网页小游戏!以下是一个简单的回合制选择游戏的示例: 首先,你可以给游戏起一个名字,比如"迷宫探险"。 接下来,你可以设计一个迷宫地图,可以使用HTML的table标签来创建一个矩阵,并通过CSS样式设置每个单元格的背景颜色表示墙壁、道路等。 然后,你可以在页面上设置一个玩家角色,可以使用一个图标或角色名字来表示。 在游戏的控制区域,你可以使用HTML的按钮或下拉菜单来提供玩家选择的选项,比如"前进"、"后退"、"左转"、"右转"等。 当玩家点击某个选项后,你可以通过JavaScript来处理玩家的移动逻辑。比如,当玩家选择"前进"时,你可以判断玩家当前的位置,并根据迷宫地图的设置来判断玩家是否可以前进。如果可以前进,你可以通过改变玩家所处单元格的背景颜色来表示玩家的移动。 在游戏中,你可以设置宝藏或者任务等特殊地点,玩家可以通过移动到这些地点完成任务或获取奖励。 最后,你可以设计一个胜利条件或失败条件。比如,当玩家找到宝藏时,显示胜利信息;当玩家无法继续移动或者达到一定步数时,显示失败信息。 通过以上的步骤,你就可以编写一个简单的静态网页小游戏了。当然,你还可以根据自己的兴趣和能力进行扩展,例如增加更多的地图、角色、道具等元素,使游戏更加有趣。希望这些信息对你有帮助! ### 回答3: 当然可以帮你编写一个静态网页小游戏!下面我给你一个简单的例子。 我们来创建一个猜数字的游戏吧。首先,在网页上创建一个文本输入框和一个按钮。用户可以在文本输入框中输入一个数字,然后点击按钮进行猜测。 在后台,我们生成一个随机数作为目标数字。当用户点击按钮时,我们将用户输入的数字与目标数字进行比较。如果猜对了,网页会显示“恭喜你,猜对了!”;如果猜错了,网页会提示用户是猜大了还是猜小了。 编写代码时,可以使用HTML和JavaScript。以下是一个简单的示例代码: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>猜数字游戏</title> </head> <body> <h1>猜数字游戏</h1> <input type="number" id="guess" placeholder="输入一个数字" /> <button onclick="checkGuess()">猜一猜</button> <p id="result"></p> <script src="game.js"></script> </body> </html> ``` JavaScript代码(保存为game.js文件): ```javascript function checkGuess() { var guess = parseInt(document.getElementById("guess").value); var targetNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数 if (guess === targetNumber) { document.getElementById("result").innerHTML = "恭喜你,猜对了!"; } else if (guess < targetNumber) { document.getElementById("result").innerHTML = "猜小了!"; } else { document.getElementById("result").innerHTML = "猜大了!"; } } ``` 以上代码会在网页上创建一个包含输入框和按钮的页面,并在用户点击按钮后进行数字比较。根据用户输入的数字和随机生成的目标数字,页面会给出相应的提示。 这只是一个简单的静态网页小游戏的例子,你可以根据自己的需求进行扩展和改进。希望能帮到你!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值