我的影视作品，如何在博客园发布带有CSS样式的HTML

总结一下，我做过的视频：（顺便试试在博客园如何发HTML网页）

我的作品
创作时间	作品
2016-05-27	《女儿的心愿》
2016-07-03	《潘多拉魔盒》预告片制作
2016-07-22	《朔州春天骑行协会》宣传片
2016-07-25	《福达平》员工“薛海平”宣传片
2016-09-19	《2016年山西大同大学迎新》宣传片
2016-11-27	《LOOK UP》
2017-01-01	《护肤品-肤元素》
2017-01-13	《不说再见》
2017-01-14	《晚会暖场视频》
2017-04-28	《2017山西大同大学教科院大合唱》
2017-06-02	《暗恋》
2017-07-17	《青春的蜕变》
2017-09-09     假期作品
	《乌龟完成带过渡》
	《广州城市夜景陀螺仪航拍》
	《假期作品》
	《MG动画》
2018-01-20	《钢铁时代 健身房宣传片》
2018-09-26	《得胜堡》

发布网页总结：

　　　　

　　　　HTML可以正常发送，但最好将你要发布的html文件放在一个带有ID的div中，这样方便后期添加样式时通过ID添加，不会影响到网页中的其他布局。

　　　　CSS会被屏蔽，它会将你的写在style标签中的CSS注释，所以可以这样写<style>-->你的CSS<!--</style>，它在注释后会变成<style><!-- -->你的CSS<!-- --></style>

　　　　JS 部分可以，不能将脚本放在<script>中，这样的博客无法发布。如果将事件放在onclick中的话，可以发布博客，但是无法正常工作，如下：

测试1 OnClick：

onclick

<button onclick="alert('show me'); return false">onclick</button>

　　这个按钮的作用是弹出一个警告窗口，但发布后只能在控制台看到，输出的信息。

 

测试2 innerHTML：

Will change Element

ChangeText　

<p id="var">Will change Element</p>
<p><button onclick="var e=document.getElementById('var'); if ( e.innerText=='Show me') e.innerText='Will change Element'; else e.innerText='Show me';return false">ChangeText</button></p>

 

　　这个按钮是为了改变上面一行文字，可以看到可以正常工作。同理如果要点击隐藏或显示侧边栏的话点击下面的按钮

Hidden

<button id="but" onclick="
        var e=document.getElementById('sideBar');
        if(e.hidden==true)
        { 
            e.hidden=false; this.text='Show';
        }else {
            e.hidden=true; this.text='Hidden';
        }
        return false;">Hidden</button>

 

　　其他玩法你们自己琢磨吧。